/*  BEGIN  MAIN STYLESHEET  */

/* Global Rules
 ******************************************************************************/
html {
    display: block;
    margin: 0;
    padding: 0;
    background-color: #FFF;
}

html.cnthdr {
    background-color: #EEE;
	width: 100%;
	height: 100%;
    font: 1em "Helvetica Neue", Arial, Helvetica, sans-serif;
	background: -moz-linear-gradient(top, #003760 33%, #000 88%);
	/* FF3.6+ */
	background: -webkit-linear-gradient(top, #003760 33%, #000 88%);
	/* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, #003760 33%, #000 88%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#003760', endColorstr='#000000', GradientType=0);
	/* IE6-9 */
	background-repeat: none;
	background-attachment: fixed;    
}

/* Hack: Webkit <select> does not properly inherit font property. */
select {
    font: 1em "Helvetica Neue", Arial, Helvetica, sans-serif;
}

a {
    color: #09498d;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #307ED1;
}

img {
    border: 0;
}

body {
	width: 100%;
	height: 100%;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #5f5e5f;
    margin: 0;
	background: none;
}


.page-container {
    width: 1200px; /*1180 at 216px right col */
    margin: 0 auto;
}

.noskin-page-container {
    width: 1020px;
    margin: 0 auto;
}

.no-right-column {
    width: 960px !important;
    margin: 0 auto; /*included here too for pages that do not have the page-container class- but do have no-right-column */
}

.page-wrapper {
    width: 960px;
    display: inline-block;
    float: left;
}

.noskin-page-wrapper {
    width: 780px;
    display: inline-block;
    float: left;
}

.main-page-content {
    height 100%;
    width: 100%;
    display: inline-block;
    background-color: #F8F8F8;
}

.db-connection-header {
	background-color: #F5E9B9;
	border-right: 1px solid black;
    width: 30px;
    height: 100%;
    text-align: center;
    position: fixed;
    left: 0;
    z-index: 900;    
}
.db-connection-header .text {
    position: absolute;    
    left: -135px;    
    top: 130px;
    width: 300px;
    height: 20px;
    background-color: #F5E9B9;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
    font-weight: bold;
}
.db-connection-header.dev-connection .text {
	color: #FF0000;
}
.db-connection-header .close-alert {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 16px;
    height: 16px;
    border: 0;
    background: transparent url(/c/i/ui/jquery/icons-ha-1.png) no-repeat 0 0;
    cursor: pointer;
    background-position: -17px -34px;
}
.loading-spinner {     
    background: url("/c/i/carousel-load.gif") no-repeat scroll center center transparent;
}

/* Header
 ******************************************************************************/
.header-home {
    position: relative;
    margin: 8px 0 20px 0;
    height: 52px;
    clear: both;
}

.header-logo {
   display: inline-block;
}

.header-logo a.logo {
   position: relative;
   display: block;
   width: 490px;
   height: 51px;
}

.header-logo .image {
   display: block;
   position: absolute;
   background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
	background-position: 0 -102px ;
	width: 290px;
	height: 50px;
   color: #ffffff;
}

.header-logo .tag {
   display: block;
   position: absolute;
   top: 35px;
   left: 207px;
   width: 280px;
   color: #ffffff;
   font: 13px Arial, sans-serif;
}

.header-menu {
    display: inline-block;
    font-size: 0.9em;
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 20px;
}

.header-menu a {
    margin: 0 5px;
    color: white;
}

.header-whats-new {
    position: absolute;
    display: none;
    top: 50px;
    right: 5px;
    color: #FFF;
}
.header-whats-new a {
    color: #FFF;
}
.header-whats-new a:hover {
    color: #CCC;
}

/* Alerts */
#ui-alerts .alerts {
	position: relative;
	width: 100%;	/*938px;*/
	padding: 10px 0;
	margin: 10px auto 15px auto;
	border-radius: 5px;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#999999');
	background-image: linear-gradient(to bottom, #FFFFFF, #999);
	border: 1px solid #999;
	box-shadow: 1px 1px 2px #333;
	min-height: 60px;
}

#ui-alerts .alert-content {
    display: inline-block;
    margin: 0;
    padding: 3px 10px 3px 100px;
    font: 13px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #565656;
    border: 0px solid #ccc;
    width: 830px;
}

#ui-alerts .alert-content a:hover {
	text-decoration: underline;
}

#ui-alerts .alert-icon {
    display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    margin: -32px 0 -32px 20px;
    background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
	background-position: -345px 2px;

}

#ui-alerts .alert-warning-icon {
    display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    margin: -32px 0 -32px 20px;
    background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
	background-position: -283px 2px;

}

#ui-alerts .hideAlerts {
	position: absolute;
	top: 5px;
	right: 8px;
	cursor: pointer;
	font-family: verdana;
}

#ui-alerts .amex-banner {
    width: 960px;
    background: #DEDEDE;
    /* Old browsers */
    background: -moz-linear-gradient(top, #F2F2F2 0%, #DEDEDE 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #F2F2F2 0%, #DEDEDE 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #F2F2F2 0%, #DEDEDE 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#DEDEDE', GradientType=0);
    /* IE6-9 */  
    color: #444;
    border-top: 5px solid #FFF;
    border-bottom: 5px solid #FFF;
    overflow: hidden;
}

#ui-alerts .amex-banner .logo {
    float: left;
    margin: 0 14px 0 0;
    display: block;
    width: 63px;
    height: 45px;
    background: transparent url(/c/i/ui/alerts/amex-logo.jpg) no-repeat top left;
    text-indent: -1000em;
}

#ui-alerts .amex-banner td,
#ui-alerts .amex-banner a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

#ui-alerts .amex-banner a {
    color: #03C;
    font-weight: bold;
    text-decoration: underline;
}

#ui-alerts .amex-banner a:hover {
    color: #036;
    text-decoration: none;
}

#ui-alerts .browser-list {
	width: 500px;
	vertical-align: center;
}
#ui-alerts .browser-list a{
	display: inline-block;
	text-align: center;
	padding: 0 15px;
}
#ui-alerts .browser-icon {
	display: inline-block;
    background: url(/c/i/ui/browser-icon-sprite.png) no-repeat;	
}
#ui-alerts .chrome {
    width: 63px;
    height: 64px;
    background-position: -1px -1px;
}
#ui-alerts .firefox {
    width: 63px;
    height: 65px;
    background-position: -1px -126px;
}
#ui-alerts .internet-explorer {
    width: 62px;
    height: 57px;
    background-position: -1px -67px;
}
#ui-alerts .safari {
    width: 64px;
    height: 70px;
    background-position: -1px -261px;
}
/* Google Translate */
#google-translate {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0;
    padding: 1px;
    height: 20px;
    width: 125px;
    overflow: hidden;
}

#google-translate span {
    font-size: 0.8em;
    color: #000;
}

#google-translate span.arrow-down {
    z-index: 99999999;
    position: absolute;
    left: 106px;
    top: 8px;
}

#google_translate_element {
    padding: 0 3px 0 0;
    cursor: default;
}

.goog-te-gadget {
    white-space: nowrap;
    visibility: hidden;
}

.goog-te-gadget .goog-te-combo {
    display: inline-block;
    margin: 0 4px 0 1px !important;
    font-family: arial;
    visibility: visible;
    background: transparent;
    color: #FFF;
    border: 0;
    -webkit-appearance: none;
    width: 142px;
    cursor: pointer;
    outline: none; /* remove focus ring from Webkit */
}

.goog-te-gadget option {
    color: #FFF;
    background-color: #003760;
    border: 0;
}

.goog-te-menu-value {
    margin-left: 3px;
    margin-right: 3px;
    font-size: 0.8em;
    color: #0000CC;
    text-decoration: none;
    white-space: nowrap;
}

.goog-te-menu-value span {
    text-decoration: underline
}

.translate-arrow {
    left: 119px;
    position: absolute;
    top: 10px;
    cursor: pointer;
}
#google-translate div.dummy-text {
    padding-left: 5px;
    cursor: pointer;
}

/* MAIN NAV BAR */
.main-nav-bar {
    width: 100%;
    height: 35px;
    position: relative;
    clear: both;
    color: white;
    line-height: 35px;
    background: #252525;
    /* Old browsers */
    background: -moz-linear-gradient(top, #2f2f2f 0%, #252525 100%);
    /* FF3.6+ */   
    background: -webkit-linear-gradient(top, #2f2f2f 0%, #252525 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #2f2f2f 0%, #252525 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#252525', GradientType=0);
    /* IE6-9 */
}

.main-nav {
    padding: 0;
    margin: 0;
}

.main-nav a img {
    border: 0;
}

.main-nav li {
    list-style-type: none;
    padding: 0;
    font: 1em Arial, sans-serif;
    height: 35px;
    line-height: 35px;
}

.main-nav li.main-nav-tab {
    /* use for live text padding: 0 20px; */
    margin: 0 1px 0 0;
    color: #fff;
    background: #1d1d1d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #4c4c4c 0%, #1d1d1d 100%);
    /* FF3.6+ */   
    background: -webkit-linear-gradient(top, #4c4c4c 0%, #1d1d1d 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #4c4c4c 0%, #1d1d1d 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#1d1d1d', GradientType=0);
    /* IE6-9 */
}

.main-nav li.main-nav-tab:hover,
.main-nav li.main-nav-tab.hover {
    background: #000;
    filter: none;
    cursor: pointer;
}

/* universal navigation menu items */
.navigation-menu-options li {
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 20px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    list-style-type: none;
}

.navigation-menu-options ul {
    padding: 0;
}

.navigation-menu-options li:hover,
.navigation-menu-options li.hover {
    background: #2B2B2B;
    border-bottom: 1px solid #3F3F3F;
    border-top: 1px solid #3F3F3F;
    cursor: pointer;
}

.navigation-menu-options a {
    color: #FFF;
    display: inline-block;
    width: 100%;
}

.navigation-submenu-sub a.indent-department{
	padding-left: 15px !important;
}

.departments.main-nav-tab .expandable a:after,
.departments.main-nav-tab .expandable .parent-nolink:after {
    /*background: url(/c/i/ui/skin-sprite-5.png) no-repeat;*/
	/*background-position: -64px -162px;*/
	/*width: 4px;*/
	/*height: 8px;*/
    /*display: inline-block;*/
    /*content: ""; */
    /*padding: 0;*/
    /*margin: 0 0 0 5px;*/
}
li.expandable .navigation-submenu-sub a:after {
    background: none !important;
    content: ""; 
    margin: 0 !important;
}

.navigation-menu-options .expandable li {
    border-bottom: 1px solid #2B2B2B;
    border-top: 1px solid #2B2B2B;
}

.navigation-menu-options .expandable li:hover {
    background: #404040;
    cursor: pointer;
    border-bottom: 1px solid #505050;
    border-top: 1px solid #505050;
}


/* Navigation overrides */
.main-nav li div.browse-items-navigation {
    display: none;
    z-index: 1000;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 35px;
    padding: 5px 0;
}
.main-nav li:hover div.browse-items-navigation {
    display: block;
}

.main-nav li div.browse-items-navigation .navigation-menu-options a,
.main-nav li div.browse-items-navigation .expandable a {
    color: #FFF;
}
.main-nav li div.browse-items-navigation .navigation-submenu-sub {
    background-color: #000 !important;
}
.main-nav li div.browse-items-navigation .navigation-menu-options .navigation-submenu-sub li {
    padding: 0 0 0 25px;
    margin: 0;
}
.main-nav li div.browse-items-navigation .navigation-menu-options li {
    background-color: #000;
    border-color: #000;
    height: auto;
    line-height: 25px;
    padding: 0 5px;
    margin: 0;
}
.main-nav li div.browse-items-navigation .navigation-menu-options li:hover {
    background-color: #2B2B2B;
    border-top: 1px solid #3F3F3F;
    border-bottom: 1px solid #3F3F3F;
}
.main-nav li div.browse-items-navigation .navigation-menu-options li.expandable:hover {
    background: none;
    border-color: #000;
}
.main-nav li div.browse-items-navigation .navigation-menu-options li.expandable:hover a:hover,
.main-nav li div.browse-items-navigation .navigation-menu-options li.expandable:hover a:active{
    color: #666;
}
.main-nav li div.browse-items-navigation .navigation-menu-options li.expandable li {
    line-height: 18px;
}
.main-nav li div.browse-items-navigation .navigation-menu-options .expand-icon {
    background: transparent url(/c/i/ui/skin-sprite-5.png) no-repeat scroll;
    display: inline-block;
    height: 8px;
    vertical-align: top;
    margin-top: 8px;
}
.main-nav li div.browse-items-navigation .navigation-menu-options .expand-icon.expand-down {
    background-position: -64px -162px;    
}
.main-nav li div.browse-items-navigation .navigation-menu-options .expand-icon.expand-up {
    background-position: -55px -167px;
    margin-top: 10px;
}


/* General collapse/expand */
div.browse-items-navigation .navigation-menu-options a,
div.browse-items-navigation .expandable a {
    padding: 0;
    width: 90%;
}

div.browse-items-navigation .navigation-menu-options .no-icon, 
div.browse-items-navigation .navigation-menu-options .expand-icon {
    display: inline-block;
    width: 8px;
}
div.browse-items-navigation .navigation-menu-options .expand-icon {
    background: transparent url(/c/i/ui/skin-sprite-5.png) no-repeat;
    vertical-align: top;
}
div.browse-items-navigation .navigation-menu-options .expand-icon.expand-down {    
    background-position: -17px -161px;
    width: 4px;
    height: 8px;
    margin: 4px 2px;
    
}
div.browse-items-navigation .navigation-menu-options .expand-icon.expand-up {
    background-position: -8px -168px;
    width: 8px;
    height: 4px;
    margin: 8px 0;
}
div.browse-items-navigation .navigation-menu-options li.expandable:hover li a:hover,
div.browse-items-navigation .navigation-menu-options li.expandable:hover li a:active{
    color: #FFF !important;
}

div.browse-items-navigation .navigation-submenu-sub {
    position: relative;
    background: #FFF !important;
    display: none;
    padding: 0;
}
div.browse-items-navigation .navigation-submenu-sub a {
    color: #000;
}

/* Main Tabs */
.main-nav li.sell, 
.main-nav li.departments,
.main-nav li.services,
.main-nav li.resources {
    position: relative;
    float: left;
}

/* SELL */
.main-nav li.sell .sell-main-nav {
    display: inline-block;
    width: 55px;
    margin: 0 0 0 24px;
    font-weight: bold;
    color: #FFF;
}

.sell-navigation { width: 330px; }

/* DEPARTMENTS */
.main-nav li.departments .departments-main-nav {
    display: inline-block;
    width: 130px;
    margin: 0 0 0 19px;
    font-weight: bold;
    color: #FFF;
}

.departments-navigation { width: 450px; }

/* SERVCIES */
.main-nav li.services .services-main-nav {
    display: inline-block;
    width: 90px;
    margin: 0 0 0 20px;
    font-weight: bold;
    color: #FFF;
}

.services-navigation { width: 250px; }


/* RESOURCES */
.main-nav li.resources .resources-main-nav {
    display: inline-block;
    width: 110px;
    margin: 0 0 0 20px;
    font-weight: bold;
    color: #FFF;
}

.resources-navigation { width: 395px; }

/* Account-nav (myHeritage) */

.account-nav {
    position: relative;
    float: right;
}


.account-msg {
    display: inline-block;
    float: right;
    margin: 0 5px 0;
}

.account-msg .user-name {
    font-weight: bold;
}

.account-msg a {
    color: #fff;
    text-decoration: underline;
    font-size: 0.9em;
}

.account-submenu {
    position: absolute;
    background: #000 !important;
    width: 170px;
    height: auto !important;
    top: 35px;
    right: 0;
    display: none;
    z-index: 1000;
    /*account-left-gradient.png and account-btm.png*/
    -webkit-box-shadow: -4px 6px 20px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: -4px 6px 20px rgba(0, 0, 0, 0.46);
    box-shadow: -4px 6px 20px rgba(0, 0, 0, 0.46);
}

.account-menu {
    float: right;
    padding-right: 10px;
    cursor: pointer;
}

.account-menu a {
    color: #fff;
}

.account-menu:hover div.account-submenu,
.account-menu div.account-submenu.hover {
    display: block;
}

.account-submenu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.account-menu:hover,
.account-menu.hover {
    background-color: #D6D6D6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #D6D6D6 0%, #565656 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #D6D6D6 0%, #565656 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #D6D6D6 0%, #565656 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D6D6D6', endColorstr='#565656', GradientType=0);
    /* IE6-9 */    
}

.account-submenu ul .account-submenu-left {
    margin: 0 5px 0 -15px;
    background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
	background-position: -48px -162px ;
	width: 4px;
	height: 8px;
    display: inline-block;
    padding: 0;
}

.account-submenu-collection {
    position: relative;
    background: #2B2B2B !important;
    width: 300px;
    height: auto !important;
    top: -26px;
    right: 320px;
    z-index: 1000;
    display: none;
    margin-left: -7px;
    /*account-left-gradient.png and account-btm.png*/
    -webkit-box-shadow: -4px 6px 20px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: -4px 6px 20px rgba(0, 0, 0, 0.46);
    box-shadow: -4px 6px 20px rgba(0, 0, 0, 0.46);
}

.my-recommendations > a {
   color: #ffb32e;
}
.question-icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(/c/i/ui/skin-sprite-5.png) no-repeat -150px -151px;
	cursor: pointer;
}
.main-nav li.services .services-submenu ul {
    list-style-type: none;
    padding: 0;
}

li.account-collection:hover ul.account-submenu-collection,
li.account-collection ul.account-submenu-collection.hover {
    display: block;
}

.sup-registered {
    line-height: 15px;
    font-size: 0.8em;
}

.account-submenu-profile {
    position: relative;
    background: #2B2B2B !important;
    width: 200px;
    height: auto !important;
    top: -28px;
    right: 220px;
    z-index: 1000;
    display: none;
    /*account-left-gradient.png and account-btm.png*/
    -webkit-box-shadow: -4px 6px 20px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: -4px 6px 20px rgba(0, 0, 0, 0.46);
    box-shadow: -4px 6px 20px rgba(0, 0, 0, 0.46);
}

.account-submenu-collection li,
.account-submenu-profile li {
    border-bottom: 1px solid #2B2B2B;
    border-top: 1px solid #2B2B2B;
}

li.account-profile:hover ul.account-submenu-profile,
li.account-profile ul.account-submenu-profile.hover {
    display: block;
}

.account-submenu-collection li:hover,
.account-submenu-profile li:hover {
    background: #404040;
    cursor: pointer;
    border-bottom: 1px solid #505050;
    border-top: 1px solid #505050;
}


/* Endeca Searchbox */

.archive-disclaimer {
    display: none;
    background-color: #D6F1FF;
    border: 1px solid #EAEAEA;
    font-size: 0.95em;
    margin: 0;
    padding: 4px;
    text-align: center;
}

.searchbox-loading {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
}
.endeca-searchbox-container { 
    border-bottom: 1px solid #B2B2B2;
    background: #FFF;
    /* Old browsers */
    background: -moz-linear-gradient(top, #CCCCCC 0%, #F4F4F4 10%, #ffffff 50%, #F4F4F4 90%, #CCCCCC 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #CCCCCC 0%, #F4F4F4 10%, #ffffff 50%, #F4F4F4 90%, #CCCCCC 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #CCCCCC 0%, #F4F4F4 10%, #ffffff 50%, #F4F4F4 90%, #CCCCCC 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#CCCCCC', GradientType=0 );
    /* IE6-9 */  
    padding: 15px;
    margin: 0;
}
.endeca-search.active-search {
    box-shadow: 0 0 5px #2b90ff;
}
.endeca-search {
    margin: 0;
    padding: 0px;
    border: 1px solid #8a8a8a;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    position: relative;
}
select.endeca-searchbox{
    display: inline-block;
    float: left;
    padding: 14px 0;
    vertical-align: baseline;
    border: none;
     -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius: 5px;   
}

.endeca-searchbox.superselect-container {
    height: 50px;
    display: inline-block;
    float: left;
    vertical-align: baseline;
    margin: 0;
    width: auto;
    border-right: 1px solid #8a8a8a;
}

.endeca-searchbox .superselect-handle {
    height: 50px;
    overflow: hidden;
    position: relative;
    width: auto;
    vertical-align: baseline;
    background-color: #f1f1f1;
    border: none;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.endeca-searchbox .superselect-selected {
    color: #444;
    font-family: "arial";
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    margin: 0 25px 0 10px;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto; 
    overflow: visible;  
    display: inline-block;
}

.endeca-searchbox .superselect-arrow {
    background: url("/c/i/ui/skin-sprite-5.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-position: -8px -168px;
    display: inline-block;
    float: right;
    height: 4px;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 23px;
    width: 8px;
    opacity:0.6;
    filter:alpha(opacity=60);
}
.endeca-searchbox.superselect-open .superselect-handle { border: none !important; }
.endeca-searchbox.superselect-open .superselect-arrow {
    background-position: -8px -157px;
}
.searchbox-searchfield-inner {
    vertical-align: baseline;
    border: none;
    height: 50px;
    margin: 0;
    white-space: nowrap;
}

.searchbox-searchfield-width {
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 0 95px 0 0;
    width: auto;
}


.searchbox-searchfield-filler {
    height: 50px;
    padding: 0 0 0 8px;
    white-space: normal;
}

.searchbox-text-search {
    outline: none;
    margin: 0;
    padding: 0;
	height: 50px;
    border: none;
    font-family: Arial, sans-serif;
    font-style: italic;
    font-size: 1.3em;
    color: #8D8D8D;
    width: 100%;    
}

.searchbox-submit-button {
    border-radius: 0 5px 5px 0;
    border: 1px solid #163A57;
    display: block;
    height: 50px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 95px;
}

.searchbox-submit-input {
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 19px;
    height: 50px;
    margin: 0;
    padding: 0;
    line-height: 25px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: middle;
    width: 95px;
    padding: 0 0 2px;
    background: none;
    border: none;
}

/* BreadCrumb Trail */
.breadcrumb-trail {
	background-color: #F8F8F8;
    line-height: 30px;
    margin: 0;
    background-repeat: repeat-x;
    margin: 0;
    padding: 0 10px;
    color: #09498D;
    font-weight: bold;
    font-size: 1.2em;
}

.breadcrumb-trail .breadcrumb-direction {
    color: #5F5E5F;
}

.breadcrumb-trail a {
    font-weight: normal;
    font-size: 0.8em;
    text-decoration: underline;
    color: #5F5E5F;
}

/* dealer tooltip */
.dealer-tooltip-header .dealer-logo{
    background: url(/c/i/ui/dealer-tools-logo.png) no-repeat;
    height: 32px;
    width: 223px;	
    margin: 2px 4px;
	display: inline-block;
}
.dealer-tooltip-header .dealer-info{
	width: 185px;
	margin: 4px 0 4px 10px;
	padding: 0 15px;
	font-size: 0.8em;
	line-hright: 16px;
	display: inline-block;
}
.dealer-header {
	font-weight: bold;
	font-size: 1em;
	font-style: normal;
	color: #252525;
}
.dealer-tooltip-leftcol,
.dealer-tooltip-rightcol {
	font-size: 0.8em;
	width: 220px;
	vertical-align: top;
	display: inline-block;
	font-style: italic;
	color: #606060;
}
.dealer-tooltip-leftcol{
	margin-right: 5px;
}
.dealer-tooltip-leftcol a,
.dealer-tooltip-rightcol a {
 	font-style: normal;
 	font-weight: bold;
}
.dealer-tooltip-leftcol .gold-buysell {
	padding-bottom: 10px;
}
.dealer-tooltip-leftcol .gold-update {
    color: #606060;
    font-size: 1em;
    font-style: italic;
    line-height: 16px;
}

.stolen-coins a {
 	font-size: 1.2em;
 	display: inline-block;
 	margin: 6px 0 0 0;
}


/* FOOTER */

.footer {
    clear: both;
    color: #FFF;
}
.footer-top-border { height: 15px; }
.footer-top-accent { height: 15px;
    background: #2E2E2E;
    /* Old browsers */
    background: -moz-linear-gradient(top, #232323 0%, #2E2E2E 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #232323 0%, #2E2E2E 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #232323 0%, #2E2E2E 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232323', endColorstr='#2E2E2E', GradientType=0);
    /* IE6-9 */  
 }
.footer-content {
    background-color: #2E2E2E;
    padding: 0 8px 30px;
}
.footer-section ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-section li {
    list-style-type: none;
}

.footer-section h4 {
    margin: 10px 0 5px 0;
}

.footer-section a {
    color: #FFF;
    text-decoration: underline;
}

.footer-section .location {
    width: 290px;
    height: 198px;
    color: #FFF;
    background-color: #252525;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #454545;
    border-left: 1px solid #454545;
    float: left;
}

.location-details div.building {
    background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
    display: inline-block;
	background-position: 0 0;
	width: 73px;
	height: 100px;
    margin: 5px;
}

.footer-section .location .location-details {
    float: left;
}

.footer-section .location .headquarters-details {
    display: inline-block;
}

.other-locations .other-loc {
    float: left;
    margin: 0 15px 0 15px;
}

.footer-section-info{
    color: #FFF;
    float: left;
    margin: 0 10px 0 10px;
}


.footer-section .bbb {
    float: right;
    margin: 40px 0 0;
    background-color: #FFF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 1px;
}

.footer-section .bbb a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 60px;
    height: 108px;
    margin: 0px;
    padding: 0px;
}

.footer-section  .bbb a img {
    padding: 0px;
    border: none;
    position: absolute;
    left: 0;
}

.footer-section  .bbb a:hover img {
    left: -60px;
}

.footer-section .copyright {
    float: left;
    margin: 10px 0 0 20px;
}

.footer-section .calling-note {
    float: right;
    margin: 10px 20px 0 0;
}

/* SOCIAL ICONS */
.social-section .social-section .social-sharing {
    display: block;
    overflow: hidden;
}

.social-section .share-icon {
    background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
    height: 41px;
    width: 41px;
    float: left;
    display: block;
    overflow: hidden;
    margin: 2px;
    cursor: pointer;
}

.social-section .social-sharing .facebook {
    background-position: -158px 0;
}

.social-section .social-sharing .facebook:hover {
    background-position: -74px -41px;
}

.social-section .social-sharing .twitter {
    background-position: -200px 0;
}

.social-section .social-sharing .twitter:hover {
    background-position: -200px -41px;
}

.social-section .social-sharing .youtube {
    background-position: -242px 0;
}

.social-section .social-sharing .youtube:hover {
    background-position: -74px 0;
}

.social-section .social-sharing .googleplus {
    background-position: -116px 0;
}

.social-section .social-sharing .googleplus:hover {
    background-position: -116px -41px;
}

.social-section .social-sharing .linkedin {
    background-position: -242px -41px;
}

.social-section .social-sharing .linkedin:hover {
    background-position: -158px -41px;
}

.social-section .social-sharing .blog {
    background-position: -296px -123px;
}

.social-section .social-sharing .blog:hover {
    background-position: -296px -76px;
}

/*MAIN CONTENT AREA */

.content-wrapper {
    background-color: #F8F8F8;
    padding: 30px 50px !important;
    width: 860px;
}

.noskin-wrapper {
    background-color: #FFF;
    padding: 0;
    width: 780px;
    margin: 0 !important;
}

.enhanced-background {
    padding: 6px !important;
    width: 947px;
    background: #DFDFDF;
    /* Old browsers */
    background: -moz-linear-gradient(top, #FFF 0%, #DFDFDF 100%);
    /* FF3.6+ */  
    background: -webkit-linear-gradient(top, #FFF 0%, #DFDFDF 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #FFF 0%, #DFDFDF 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDFDF', GradientType=0);
    /* IE6-9 */      
}

/* Common Gradients */

.section-header-gradient {
    background: #004377;
    /* Old browsers */
    background: -moz-linear-gradient(top, #005CA3 0%, #004173 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #005CA3 0%, #004173 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #005CA3 0%, #004173 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005CA3', endColorstr='#004173', GradientType=0);
    /* IE6-9 */  
}
.section-large-header-gradient {
    background: #004377;
    /* Old browsers */
    background: -moz-linear-gradient(top, #005CA3 0%, #004173 50%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #005CA3 0%, #004173 50%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #005CA3 0%, #004173 50%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005CA3', endColorstr='#004173', GradientType=0);
    /* IE6-9 */  
}

/* same as section-header-gradient, but this one has a hover */
.search-button-gradient {
    background: #004377;
    /* Old browsers */
    background: -moz-linear-gradient(top, #005CA3 0%, #004377 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #005CA3 0%, #004377 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #005CA3 0%, #004377 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005CA3', endColorstr='#004377', GradientType=0);
    /* IE6-9 */  
}

.search-button-gradient:hover {
    background: #005CA3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #004377 0%, #005CA3 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #004377 0%, #005CA3 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #004377 0%, #005CA3 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004377', endColorstr='#005CA3', GradientType=0);
    /* IE6-9 */  
}

/* Table Formatting */
/* results table (gray headers - alternating rows) */
div#center-col table.results {
    background-color: #CCC;
}

div#center-col table.results th {
    text-align: center;
    font-family: verdana, arial;
    background-color: #666;
    color: #FFF;
}

div#center-col table.results th a {
    color: #FFF;
}

div#center-col table.results .odd {
    background-color: #FFF;
}

div#center-col table.results .even {
    background-color: #EFEFEF;
}


/* jCarousel-lite Plugin
	-------------------------------------------------*/
/** Official jCarousel-lite Plugin CSS */
.jcarousel-clip {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 2;
}

.jcarousel-clip ul {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 1;
}

/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-clip ul li {
    float: left;
    width: 75px;
    height: 75px;
    list-style: none;
}

/** OUR Base jCarousel-lite Plugin CSS */
.jcarousel-clip {
    position: relative;
    left: 0;
    margin: 0 0 0 17px;
    padding: 0;
    border: 1px solid #DDD;
    background: #FFF;
    overflow: hidden;
}

.jcarousel-clip ul {
    position: relative;
    margin: 0;
    padding: 0;
    width: 5418em;
    clear: both;
    list-style: none;
}

.jcarousel-clip ul li {
    float: left;
    display: block;
    margin: 0;
    padding: 2px;
    text-align: center;
    font-size: 9px;
    border-right: 1px solid #BBB;
}

.jcarousel-clip ul li h3 {
    margin: 0;
    padding: 0;
    font-size: 9px;
}

.jcarousel-clip ul li p {
    margin: 0;
    padding: 0;
    font-size: 9px;
}

.jcarousel-clip ul li p a {
    text-decoration: none;
    color: #444;
}

.jcarousel-clip ul li p a:hover {
    text-decoration: underline;
    color: #111;
}

.jcarousel-clip ul li img {
    margin: 1px;
}

/* Scroller Frame */
/* Outer Structure */
.scroller-container {
    position: relative;
    margin: 0;
    padding: 0;
    background: #FFF url(/c/i/js/scroller/bg-crnr-left-top.gif) no-repeat left top;
}

.scroller-container .rt-crnr {
    display: block;
    margin: 0;
    padding: 0;
    height: 15px;
    background: url(/c/i/js/scroller/bg-crnr-right-top.gif) top right no-repeat;
}

.scroller-container .content {
    display: block;
    margin: 0;
    padding: 0 !important;
    position: relative;
    background: url(/c/i/js/scroller/bg-right-side.gif) top right repeat-y;
    clear: both;
}

.scroller-container .ftr {
    margin: 0;
    padding: 0;
    background: url(/c/i/js/scroller/bg-crnr-left-btm.gif) bottom left no-repeat;
}

.scroller-container .ftr-rt {
    display: block;
    height: 15px;
    background: url(/c/i/js/scroller/bg-crnr-right-btm.gif) bottom right no-repeat;
}

/* Inner Structure */
.scroller-container .content .prev,
.scroller-container .content .next {
    position: absolute;
    width: 17px;
    height: 48px;
    border: 0;
    text-indent: -1000em;
    cursor: pointer;
    z-index: 3;
}

.scroller-container .content .prev {
    left: 0;
    background: url(/c/i/js/scroller/btn-scroll-left.gif) no-repeat 2px 0;
}

.scroller-container .content .next {
    right: 0;
    background: url(/c/i/js/scroller/btn-scroll-right.gif) no-repeat -1px 0;
}

.scroller-container .content .prev:hover {
    background-position: 1px -48px;
}

.scroller-container .content .next:hover {
    background-position: 0 -48px;
}

/** Scroller Heights */
/* Normal (default) Height */
.scroller-container .content .jcarousel-clip {
    height: 180px;
}

.scroller-container .content .jcarousel-clip ul {
    height: 180px;
}

.scroller-container .content .jcarousel-clip ul li {
    height: 186px;
}

.scroller-container .content .prev,
.scroller-container .content .next {
    top: 76px;
}

.scroller-container .content .jcarousel-clip ul li {
    background: #FFF url(/c/i/js/scroller/bg-scroll-item.gif) 0 top;
}

.scroller-container .content .jcarousel-clip ul li:hover {
    background-position: 0 178px;
}

/* Tall Height */
.scroller-container.h200 .content .jcarousel-clip,
.scroller-container.h200 .content .jcarousel-clip ul,
.scroller-container.h200 .content .jcarousel-clip ul li {
    height: 200px;
}

.scroller-container.h200 .content .prev,
.scroller-container.h200 .content .next {
    top: 86px;
}

.scroller-container.h200 .content .jcarousel-clip ul li {
    background-image: url(/c/i/js/scroller/bg-scroll-item-tall.gif);
}

.scroller-container.h200 .content .jcarousel-clip ul li:hover {
    background-position: 0 200px;
}

/** Scroller Widths */
/* Slightly Smaller Width */
.scroller-container.w560 {
    width: 560px;
}

.scroller-container.w560 .content .jcarousel-clip {
    width: 524px;
}

.scroller-container.w560 .content .jcarousel-clip ul li {
    width: 160px;
}

/* Normal (default) Width */
.scroller-container {
    width: 695px;
}

.scroller-container .content .jcarousel-clip {
    width: 536px;
}

.scroller-container .content .jcarousel-clip ul li {
    width: 160px;
}

/* Bigger Size */
.scroller-container.w632 .content {
    width: 632px;
}

.scroller-container.w632 .content .jcarousel-clip {
    width: 596px;
}

.scroller-container.w632 .content .jcarousel-clip ul li {
    width: 194px;
}

/* Larger Width */
.scroller-container.w746 {
    width: 746px;
}

.scroller-container.w746 .content .jcarousel-clip {
    width: 706px;
}

.scroller-container.w746 .content .jcarousel-clip ul li {
    width: 160px;
}

/** Background Styles */
/* Common Background Styles */
.scroller-container .rt-crnr {
    width: 10px;
    height: 15px;
    float: right;
}

.scroller-container .ftr {
    height: 9px;
}

.scroller-container .ftr-rt {
    width: 10px;
    height: 9px;
    float: right;
}

/* White Background */
.scroller-container.white,
.scroller-container.white .rt-crnr,
.scroller-container.white .ftr,
.scroller-container.white .ftr-rt {
    background-color: #FFF;
}

/* Grey Background */
.scroller-container.grey,
.scroller-container.grey .rt-crnr,
.scroller-container.grey .ftr,
.scroller-container.grey .ftr-rt {
    background-color: #EEE;
}

/* ARROWS */
.white-arrow-down {
    background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
	background-position: -55px -168px;
	width: 8px;
	height: 4px;
    display: inline-block;
    padding: 2px 0 0 0;
}

.black-arrow-down {
    background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
	background-position: -8px -168px;
	width: 8px;
	height: 4px;
    display: inline-block;
    padding: 2px 0 0 0;
}

.blue-arrow-down {
    background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
	background-position: -32px -169px ;
	width: 8px;
	height: 4px;
    display: inline-block;
    padding: 2px 0 0 0;
}

.blue-arrow-up {
    background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
	background-position: -32px -158px;
	width: 8px;
	height: 4px;
    display: inline-block;
    padding: 2px 0 0 0;
}

.blue-arrow-right {
    background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
	background-position: -41px -162px;
	width: 4px;
	height: 8px;
    display: inline-block;
}

/* Utility Classes
 *
 * Note that these classes have low specificity (0,1,0), so they are usually
 *  only good for overriding User agent default values.
 ******************************************************************************/

.hidden {
    display: none !important;
}

.invisible {
    visibility: hidden !important;
}

/* Used to clear floats. */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    height: 1px;
    font-size: 0.1em;
}

.hide {
    display: none;
}

/* without the !important */

/* Tooltip
	-------------------------------------------------*/
.tooltip {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
}

.tooltipDecoration {
    width: 200px;
    margin: 0;
    border: 1px solid #333;
    background-color: #EEE;
    font-size: 0.85em;
}

.tooltipDecoration h3 {
    margin: 0;
    padding: 3px;
    font: 11px Verdana;
    font-weight: bold;
    background-color: #666;
    color: #FFF;
    text-align: center;
}

.tooltipDecoration .content {
    padding: 3px;
}

.tooltipDecorationEndeca {
    width: 270px;
    margin: 0;
    border: 1px solid #000;
    background-color: #DDD;
    font-size: 0.85;
}

.tooltipDecorationEndeca h3 {
    margin: 0;
    padding: 2px 0;
    font: 11px Verdana;
    font-weight: bold;
    background-color: #333;
    color: #FFF;
    text-align: center;
}

.tooltipDecorationEndeca .content {
    padding: 5px;
}

.tooltipAnchor {
    vertical-align: middle;
    cursor: pointer;
    cursor: hand;
}

#tooltipDiv {
    font-size: 0.9em;
}

.popup-boxinside h4 {
    margin: 0;
}

/* @group Tooltips - popup ? and show/hide blocks */

.popup-box,
.popup-box350,
.popup-box500 {
    border-width: 0;
    background: transparent;
    width: 260px;
    font-family: Arial, Helvetica, sans-serif;
}

.popup-box div.close-btn,
.popup-box350 div.close-btn,
.popup-box500 div.close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: url(/c/i/ui/bid-box/close.gif) no-repeat top left;
}

/* Image at c/s/i/ui/auction-tab/close.gif */

.popup-box350 {
    width: 350px;
}

.popup-box500 {
    width: 500px;
}

.popup-boxtop div,
.popup-boxtop350 div,
.popup-boxtop500 div {
    font-size: 0;
    height: 12px;
    background: url(/c/i/ui/bg-popup-box.gif) no-repeat top left;
}

.popup-boxtop350 div {
    background: url(/c/i/ui/bg-popup-box350.gif) no-repeat top left;
}

.popup-boxtop500 div {
    background: url(/c/i/ui/bg-popup-box500.gif) no-repeat top left;
}

.popup-boxbottom div,
.popup-boxbottom350 div,
.popup-boxbottom500 div {
    font-size: 0;
    height: 12px;
    background: url(/c/i/ui/bg-popup-box.gif) no-repeat left bottom;
}

.popup-boxbottom350 div {
    background: url(/c/i/ui/bg-popup-box350.gif) no-repeat left bottom;
}

.popup-boxbottom500 div {
    background: url(/c/i/ui/bg-popup-box500.gif) no-repeat left bottom;
}

.popup-boxcontent {
    border: 1px solid #828282;
    border-top: 0;
    border-bottom: 0;
    padding: 0px 12px 0px 12px;
    background-color: #DDD;
}

.popup-boxinside {
    border: 0px dotted #CCC;
    padding: 6px;
    background-color: #FFF;
}

.popup-boxinside h3 {
    padding: 3px 18px 3px 3px;
}

.popup-trigger {
    text-decoration: underline;
    cursor: pointer;
    color: #333399;
}

.popup-trigger:hover {
    text-decoration: none;
}

/* @end */

/* Base.css Legacy items */
h2.title,
h2.page-title {
    margin: 12px 8px 0;
    padding: 8px;
    font: bold 1.6em Verdana, sans-serif;
    color: #FFF;
    text-align: center;
    background-color: #BBB;
}

fieldset {
    margin: 24px 0 0;
    padding: 0 30px 25px;
    border: 1px solid #CCC;
    background-color: #FFF;
}

fieldset p {
    margin: 20px 0 0;
    line-height: 18px;
}

legend {
    margin-left: -13px;
    padding: 0 6px;
    color: #666;
    font-size: 1.1em;
    font-weight: bold;
}

legend.error {
    color: #900;
}

legend a {
    font-size: 11px;
}

#ui-left-col {
    float: left;
    display: inline;
    width: 195px;
    background-color: #F8F8F8;
}

div#center-col {
    float: left;
    display: inline;
    font-size: 0.9em;
}

div#center-col.with-left-column {
    width: 710px !important;
    padding: 0 !important;
    margin: 0 0 0 20px;
    height: 100%;
}

div.one-column {
    margin-bottom: 40px;
    padding: 0 30px 30px;
}

div.one-column fieldset {
    background-color: #FFF;
}

div.two-column {
    float: left;
    display: inline;
    margin: 0 10px;
    width: 410px;
}

div.two-column fieldset {
    margin-left: 4px;
    background-color: #FFF;
}

div.two-column ul.text-list {
    margin: 20px 0 0 10px;
    padding: 0;
}

div.two-column ul.text-list li {
    margin: 5px 0 0;
    padding: 0;
}

div.two-column ul.text-list li a {
    font-weight: normal;
}

div.two-column ul.text-list ul {
    margin: 0;
    padding: 0 0 5px;
}

div.two-column ul.text-list ul li {
    margin: 4px 0 0 10px;
    padding: 0;
    list-style-type: none;
}

div.field-inner {
    padding-top: 20px;
}

div.field-inner p {
    margin: 0 0 15px;
    position: relative;
}

ul.link-list {
    margin: 0 0 0 8px;
    padding: 0 0 0 8px;
    list-style-type: none;
}

ul.link-list li {
    padding: 0;
    list-style-image: url(/c/i/ui/li-arrow.gif);
    position: relative;
}

.darkBlue,
.darkblue {
    background-color: #666;
    color: #FFF;
}


.leftCol-bg-a {
    background-color: #EEE;
}
.leftCol-bg-b {
    background-color: #DDD;
}
.leftCol-bg-c {
    background-color: #999;
    color: #FFF;
}
.darkbrown {
    background-color: #999;
    color: #FFF;
}
.center {
    text-align: center;
}
.boldTitle{
    color: #666666; font: bold 1.2em Verdana, sans-serif;
}

.lightblue {
    background-color: #AAA;
    color: #FFF;
    font-weight: bold;
    height: 15px;
}

.bodycolor {
    background-color: #FFF;
}

.bodycontrast {
    background-color: #F6F6F6;
}

.important { color: #900 !important; }
.bold { font-weight: bold !important; }
.unbold { font-weight: normal !important; }
      
.centerAlign {
    text-align: center !important;
}

.leftFloat {
    float: left !important;
}

.rightFloat {
    float: right !important;
}

a.white {
    color: #FFFFFF !important;
}

table.taskbar-nav {
    border-collapse: separate;
    border: 1px solid #000;
}

td.no-results {
    border: 1px solid #000;
}

td.tabnav-selected {
    padding: 3px;
    border-right: 1px solid #000000;
}

td.tabnav-other {
    background-color: #FFFFFF;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    padding: 3px;
}

td.tabnav-end {
    border-right: none;
}

.mybidsrowhighlight {
    background-color: #E4E4E4;
}

tr.mybidsrowhighlight td,
tr.mybidsrow td {
    padding: 3px 8px;
    vertical-align: top;
}

div.text-message-icons {
    display: inline-block;
    width: 7%;
    vertical-align: top;
}

div.text-message-explaination {
    display: inline-block;
    width: 90%;
}

/* New Styles */
a,
label {
    cursor: pointer;
}

.ui-content {
    padding: 10px;
}

.ui-content hr {
}

.ui-form table {
    margin-top: 15px;
    border: 0;
    width: 100%;
}

.ui-form table th {
    width: 40%;
    padding: 10px 15px 7px 15px;
    vertical-align: top;
    text-align: right;
}

.ui-form table td {
    width: 60%;
    padding: 10px 15px 10px 0;
    vertical-align: top;
    text-align: left;
}

.ui-form table label {
    font-weight: bold;
    cursor: pointer;
}

.ui-form table label.required span {
    color: red;
    font-size: 15px;
}

.ui-form table p {
    margin: 5px 5px 5px 4px;
    font-style: italic;
    color: #444;
}

.ui-form table ul,
.ui-form table ol {
    margin-top: 0;
    padding-left: 25px;
}

.ui-form table ul li,
.ui-form table ol li {
    margin-bottom: 8px;
}

.ui-form table ul.optgroup,
.ui-form table ul.optgroup li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-form table ul.optgroup {
    padding-left: 25px;
}

.ui-form table ul.optgroup li {
    margin-bottom: 8px;
    position: relative;
}

.ui-form table ul.optgroup li input[type=checkbox],
.ui-form table ul.optgroup li input[type=radio] {
    position: absolute;
    left: -24px;
    top: -2px;
}

.ui-form table input.error, .ui-form div input.error {
    color: #363636;
    border: 1px inset #CD0A0A;
    background: #FEF1EC url(/c/i/ui/jquery/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
}

.ui-form table label.error, .ui-form div label.error {
    margin-top: 5px;
    color: red;
    font-style: italic;
    display: block;
}

.ui-form table .credit-card-logos {
    display: block;
    overflow: hidden;
    vertical-align: middle;
}

.ui-form table .credit-card-logos span {
    display: inline-block;
    overflow: hidden;
}

.ui-form table .credit-card-logos img {
    border: 1px solid #666;
}

.ui-form .ui-form-fields {
    margin-top: 15px;
    border: 0;
    width: 100%;
}

.ui-form .ui-form-fields .ui-form-row {
    overflow: hidden;
    padding: 7px 15px;
}

.ui-form .ui-form-fields .ui-form-th {
    width: 38%;
    padding-top: 3px;
    vertical-align: top;
    text-align: right;
    float: left;
}

.ui-form .ui-form-fields .ui-form-td {
    width: 60%;
    vertical-align: top;
    text-align: left;
    float: right;
}

.ui-form .ui-form-fields label {
    font-weight: bold;
    cursor: pointer;
}

.ui-form .ui-form-fields label.required span {
    color: red;
    font-size: 15px;
}

.ui-form .ui-form-fields p {
    margin: 5px 5px 5px 4px;
    font-style: italic;
    color: #444;
}

.ui-form .ui-form-fields ul,
.ui-form .ui-form-fields ol {
    margin-top: 0;
    padding-left: 25px;
}

.ui-form .ui-form-fields ul li,
.ui-form .ui-form-fields ol li {
    margin-bottom: 8px;
}

.ui-form .ui-form-fields ul.optgroup,
.ui-form .ui-form-fields ul.optgroup li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-form .ui-form-fields ul.optgroup {
    padding-left: 25px;
}

.ui-form .ui-form-fields ul.optgroup li {
    margin-bottom: 8px;
    position: relative;
}

.ui-form .ui-form-fields ul.optgroup li input[type=checkbox],
.ui-form .ui-form-fields ul.optgroup li input[type=radio] {
    position: absolute;
    left: -24px;
    top: -2px;
}

.ui-form .ui-form-fields input,
.ui-form .ui-form-fields select {
    max-width: 100%;
}

.ui-form .ui-form-fields input.error {
    color: #363636;
    border: 1px inset #CD0A0A;
    background: #FEF1EC url(/c/i/ui/jquery/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
}

.ui-form .ui-form-fields label.error {
    margin-top: 5px;
    color: red;
    font-style: italic;
    display: block;
}

.ui-form .ui-form-fields .credit-card-logos {
    display: block;
    overflow: hidden;
    vertical-align: middle;
}

.ui-form .ui-form-fields .credit-card-logos span {
    display: inline-block;
    overflow: hidden;
}

.ui-form .ui-form-fields .credit-card-logos img {
    border: 1px solid #666;
}

.credit-card-logos img.card-type-detected {
    border: 1px solid #666;
    -moz-opacity: 1.00;
    filter: alpha(opacity=100);
    opacity: 1.00;
}

.credit-card-logos img.mask {
    border: 1px solid #FFF;
    -moz-opacity: .25;
    filter: alpha(opacity=25);
    opacity: .25;
}

.ui-form .icon-loading img {
    vertical-align: middle;
}

.ui-form .icon-loading span.loading-text {
    margin-left: 10px;
    font-style: italic;
}

.ui-table {
    width: 100%;
    border: 1px solid #DDD;
    border-collapse: collapse;
}

.ui-table > thead > tr > th,
.ui-table > tfoot > tr > th {
    padding: 10px;
    height: 25px;
    width: auto;
    border-right: 1px solid #777;
    border-top: 1px solid #585858;
    font-size: 13px;
    background: url(/c/i/ui/bg-searchresults-hdr.png) repeat-x scroll center top #039;
    color: #FFE899;
    vertical-align: bottom;
    text-align: left;
    font-weight: bold;
}

.ui-table > tbody > tr > td {
    padding: 10px;
    width: auto;
    border: 1px solid lightGrey;
    font-family: Verdana, Arial;
    font-size: 11px;
    vertical-align: top;
}

.ui-table > tbody > tr > td.photo {
    padding: 5px;
    text-align: center;
}

.ui-table > tbody > tr:nth-child(odd) > td {
    background-color: #EEE;
}

.ui-table > tbody > tr > th.heading {
    padding: 10px;
    background-color: #596273;
    color: #FFF;
    text-align: left;
    font-weight: bold;
}

.ui-table > tbody.align-middle > tr > th,
.ui-table > tbody.align-middle > tr > td {
    vertical-align: middle;
}

.ui-table-simple > thead > tr > th,
.ui-table-simple > tfoot > tr > th {
    height: 25px;
    width: auto;
    background: #596273;
    color: #FFF;
    font-weight: bold;
}

.ui-table-simple > tbody > tr > td {
    width: auto;
}

.ui-table-simple > tbody > tr > td.photo {
    vertical-align: middle;
}

/* Main Content
 ******************************************************************************/

div#center-col div.section {
    margin: 0 0 9px;
    padding: 4px 0 0;
    background-color: #FFF;
}

/* h1 floats so that it works with a.to-top. */
div#center-col div.section h1,
div#center-col div.section div.h1-size {
    float: left;
    margin: 0;
    padding: 3px 0 9px 9px;
    width: 600px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: left;
}

div#center-col div.section h2 {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

div#center-col div.section h2 a {
    text-decoration: none;
}

div#center-col div.section h2 a:hover {
    text-decoration: underline;
}

div#center-col div.section div.content {
    padding: 0 0 6px 6px;
    clear: both;
}

div#center-col div.section div.feature {
    margin: 0;
    padding: 10px;
    height: 100%;
    clear: both;
    overflow: hidden;
}

div#center-col div.section div.feature h3 {
    margin: 0;
}

div#center-col div.section div.feature p {
    margin: 1em 0;
}

div#center-col div.three-col div.col {
    float: left;
    padding: 6px;
    width: 177px;
    text-align: center;
}

div#center-col div.section div.feature table td {
    padding: 6px;
}

.to-top {
    position: relative;
    top: 0;
    right: 0;
    padding: 5px 28px 4px 0;
    line-height: 14px;
    font-size: 10px;
    color: #333;
    text-align: right;
}

a.to-top:link,
a.to-top:visited,
a.to-top:active {
    position: relative;
    top: 0;
    right: 15px;
    padding: 5px 15px 2px 0;
    line-height: 14px;
    font-size: 10px;
    color: #333;
    text-align: right;
    background: transparent url(/c/i/to-top-arrow-grey.gif) no-repeat right 8px;
}

a.to-top {
    color: #FFF;
}

a.to-top:hover {
    color: #000;
    text-decoration: none;
    background-image: url(/c/i/to-top-arrow-yellow.gif);
}

/* Buttons */

/* base styles for all buttons */
.btn {
    text-indent: -1000em;
    border: 0;
    background-color: transparent;
    overflow: hidden;
    cursor: pointer;
    text-transform: capitalize; /* IE 6/7 fix */
}

.btn-halive-enabled,
.btn-halive-basic,
.btn-halive-audio,
.btn-halive-video {
    display: -moz-inline-block;
    display: inline-block;
    text-indent: -1000em;
    background-repeat: no-repeat;
}

.btn-halive-enabled {
    width: 92px;
    height: 16px;
    background-image: url(/c/i/halive/supports1.gif);
}

.btn-halive-enabled.sm {
    width: 71px;
    height: 14px;
    background-image: url(/c/i/halive/supports2.gif);
}

.btn-halive-basic {
    width: 105px;
    height: 20px;
    background-image: url(/c/i/halive/live-basic.gif);
}

.btn-halive-audio {
    width: 105px;
    height: 20px;
    background-image: url(/c/i/halive/live-audio.gif);
}

.btn-halive-video {
    width: 105px;
    height: 42px;
    background-image: url(/c/i/halive/live-video.gif);
}

/* Left Column
 ******************************************************************************/

#ui-left-col ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#ui-left-col ul li {
    margin: 0;
    padding: 8px 0;
}

#ui-left-col .section {
    margin: 0 0 5px;
    background-color: #EEE;
}

#ui-left-col .section h3 {
    margin: 0;
    padding: 5px 0 4px 6px;
    font-size: 1em;
    color: #444;
}

#ui-left-col .section h4 {
    margin: 0;
    padding: 5px 0 4px 6px;
    font-size: .9em;
    color: #444;
}

#ui-left-col .section .content {
    margin: 0 3px;
    padding: 6px;
    border-bottom: 3px;
    font-size: 0.8em;
    background-color: #FFF;
}

#ui-left-col .section .content a {
    color: #011856;
}

#ui-left-col .featured-auctions div {
    background-color: #eee;
}

/* Comics - Promo Box  (comics worth)*/

#ui-left-col .comics-promotions .item {
    margin: 0 0 9px;
    padding: 0;
    overflow: hidden;
}

#ui-left-col .comics-promotions .item a img {
    float: left;
    margin-right: 6px;
}

#ui-left-col .comics-promotions .item p {
    float: left;
    margin: 0;
    padding: 0;
    width: 122px;
}

/* news left col */

#ui-left-col .news h4 {
    font-size: 0.9em;
    font-weight: bold;
    margin: 5px 0 0;
    padding: 5px 0 5px 6px;
}

#ui-left-col .news ul {
    margin: 4px 10px;
}

#ui-left-col .news ul li {
    width: 175px;
    overflow: hidden;
    font-size: 0.9em;
}

/* Main Links */

#ui-left-col .divider {
    height: 3px;
    border-top: 1px solid #DEDEDE;
    line-height: 3px;
    font-size: 3px;
    background-color: #E0E0E0;
}

#ui-left-col .v-tabs {
    overflow: visible;
}

#ui-left-col .v-tabs li {
    position: relative;
    padding: 0 0 1px 0;
    opacity: 1.0;
    z-index: 5;
}

#ui-left-col .v-tabs li.below {
    z-index: 0 !important;
}

#ui-left-col .v-tabs a,
#ui-left-col .v-tabs .item {
    display: block;
    margin: 0;
    padding: 6px 0 6px 24px;
    width: auto;
    
    border-top: 1px solid #DEDEDE;
    font-size: 12px;
    font-weight: bold;
    color: #444;
}

#ui-left-col .v-tabs li:last-child {
    border-bottom: 1px solid #DEDEDE;

}

#ui-left-col .v-tabs .end-section {
    border-bottom: 1px solid #DEDEDE;
}

#ui-left-col .v-tabs a:hover {
    background-color: #DDD;
    text-decoration: underline;
}

#ui-left-col .v-tabs .email-issue a {
    border-top: 1px solid #C7BD9F;
    border-bottom: 1px solid #C7BD9F;
    color: #53441A;
}


/* Override <a> styling when using a <div>. */

#ui-left-col .v-tabs .item a {
    display: inline;
    padding: 0;
    border-style: none;
    background: transparent;
}

#ui-left-col .v-tabs .item a:hover {
    background: transparent;
}

/* Left Column - Homepage - Sub Site Nav */

#ui-left-col .v-tabs.tall {
    padding: 0;
}

#ui-left-col .v-tabs.tall a {
    display: block;
    margin: 0;
    padding: 10px 0 8px 24px;
    width: auto;
    border-top: 1px solid #DEDEDE;
    font-size: 12px;
    font-weight: bold;
    background-repeat: no-repeat;
}

#ui-left-col .v-tabs.tall a:hover {
    background-color: #DDD;
    text-decoration: underline;
}

/* Experts */
#ui-left-col .experts-container {
    width: 100%;
    font-family: Verdana, Arial;
}

#ui-left-col .experts-container div.experts-profile {
    margin: 0 auto;
    width: 110px;
    overflow: none;
    text-align: left;
}

#ui-left-col .section .content ul.experts-links {
    padding-left: 20px;
}

#ui-left-col .section .content ul.experts-links li {
    padding: 0 0 6px;
}

#ui-left-col .section .content ul.experts-links a {
    font-family: Verdana, Arial;
}

/* Base Structure */
#ui-left-col .v-tabs.tall a {
    padding: 10px 0 8px 64px;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#ui-left-col .v-tabs.tall a:hover {
    background-color: transparent;
    background-position: 0 -40px;
    background-repeat: no-repeat;
}

/* Bidding Tutorial */
#ui-left-col .v-tabs.tall .bidding-tutorial {
    width: 130px;
    background: #E8E9E9 url(/c/i/css/sprite-2.png) no-repeat -601px -1385px
}

#ui-left-col .v-tabs.tall .bidding-tutorial:hover {
    background: transparent url(/c/i/css/sprite-2.png) no-repeat -601px -1425px
}

/* Email Issues */
#ui-left-col ul.v-tabs .email-issue a {
    background: #F2E8BF url(/c/i/css/sprite-2.png) no-repeat -602px -1760px !important
}

#ui-left-col ul.v-tabs .email-issue a:hover {
    background-position: -602px -1793px !important;
}

/* Default list icon */
#ui-left-col ul.v-tabs a,
#ui-left-col ul.v-tabs div.item {
    text-decoration: none;
}

#ui-left-col ul.v-tabs a:hover,
#ui-left-col ul.v-tabs div.item:hover {
    background-color: transparent;
}

/* Right Column
 ******************************************************************************/
#ui-right-col {
    clear: right;
    float: right;
    position: relative;
    width: 222px;
    margin: 80px 0 0 0;
    padding: 24px 9px 6px 9px;
    color: #333333;
    font-family: Arial, sans-serif;
    overflow: hidden;
    background-color: #2D2D2D;
}

#ui-right-col .section-header {
    margin: 10px 0 0 0;
    padding: 5px;
    font-weight: normal;
    color: #FFF;
    font-size: 1em;
}

#ui-right-col .section-header a {
    color: #FFFFFF;
    float: right;
    font-size: 0.7em;
    font-weight: 200;
    text-decoration: underline;
}

#ui-right-col .section-button {
    margin: 10px 0 4px 0;
    padding: 10px 0;
    font-weight: normal;
    color: #FFF;
    font-size: 1.1em;
    position: relative;
    display: block;
}

#ui-right-col .section-button .button-content {
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding-left: 10px;
    vertical-align: middle;
}

#ui-right-col .section-button a:before {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -384px -41px ;
	width: 29px;
	height: 29px;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin: auto 4px;
}

#ui-right-col .section-button .button-content-extra {
    font-size: 0.9em;
}

#ui-right-col .section-button .email-notification {
    display: inline-block;
    float: left;
    margin: 12px 4px 0 -12px;
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -213px 0;
	width: 46px;
	height: 27px;
}

#ui-right-col .section-button .email-notification-header {
    display: inline-block;
    font-size: 0.9em;
}

#ui-right-col .section-button .email-notification-content {
    display: inline-block;
    font-size: 0.8em;
}

#ui-right-col .section-button .section-header-thumb {
    display: inline-block;
    float: left;
    background-size: 35px 20px;
}

#ui-right-col .section-button .section-header-thumb	img {
    border: none;
}

#ui-right-col .section-button .section-button-header {
    display: inline-block;
    margin-left: 10px;
    font-size: 0.9em;
}

#ui-right-col .section-button .section-button-content {
    display: inline-block;
    margin-left: 10px;
    font-size: 0.8em;
}

#ui-right-col .section-button .section-button-content a {
    text-decoration: underline;
    color: #FFF;
}

#ui-right-col .section-button .section-header-thumb	a {
    display: inline-block;
}

#ui-right-col .section-button .section-header-thumb	.survey-coins {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -424px -37px ;
	width: 38px;
	height: 37px;
}

#ui-right-col .section-button .section-header-thumb	.survey-comics {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -342px 0;
	width: 40px;
	height: 53px;
}

#ui-right-col .section-button .section-header-thumb	.survey-currency {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -260px 0;
	width: 40px;
	height: 69px;
}

#ui-right-col .section-button .section-header-thumb	.survey-entertainment {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -464px 0;
	width: 28px;
	height: 45px;
}

#ui-right-col .section-button .section-header-thumb	.survey-historical {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -301px 0;
	width: 40px;
	height: 61px;
}

#ui-right-col .section-button .section-header-thumb	.survey-movieposters {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -218px -28px ;
	width: 40px;
	height: 32px;
    padding: 5px 0;
}

#ui-right-col .section-button .section-header-thumb	.survey-sports {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -383px 0;
	width: 40px;
	height: 39px;
}

#ui-right-col .section-button .section-header-thumb	.survey-wine {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: 0 0;
	width: 22px;
	height: 75px;
}

#ui-right-col .content {
    margin: 0;
    padding: 10px 0 0;
    font-size: 0.95em;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    background-color: #FFF;
}

/* Coming Soon (Floor Auctions) section */

#ui-right-col .live-and-upcoming-auctions .content {
    padding: 6px 0 0 0;
}

#ui-right-col .live-and-upcoming-auctions .live-auction-example {
    color: #578D45;
}

#ui-right-col .live-and-upcoming-auctions .live-auction-example,
#ui-right-col .live-and-upcoming-auctions .auction-example-coming-soon {
    display: inline-block;
    width: 75%;
    font-size: 0.9em;
    padding: 0 50px;
    font-weight: bold;
}

#ui-right-col .live-and-upcoming-auctions ul.live-and-upcoming-auction-list {
    background-color: #F7F7F7;
    list-style-type: none;
    margin: 0;
    padding: 4px 0;
    clear: both;
}

#ui-right-col .live-and-upcoming-auctions .live-auction-example,
#ui-right-col .live-and-upcoming-auctions .auction-example-coming-soon {
    margin: 2px 0;
}

#ui-right-col .live-and-upcoming-auctions .live-auction-example:before,
#ui-right-col .live-and-upcoming-auctions .auction-example-coming-soon:before,
#ui-right-col .live-and-upcoming-auctions ul.live-and-upcoming-auction-list li.auction-item:before {
    content: " ";
    display: block;
    float: left;
    margin: 0 4px;
}

#ui-right-col .live-and-upcoming-auctions ul.live-and-upcoming-auction-list li.live:before {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -445px -117px;
    width: 14px;
    height: 14px;
    margin: 02px 5px 3px;
}

#ui-right-col .live-and-upcoming-auctions .live-auction-example:before {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -444px -98px;
    width: 16px;
    height: 16px;
}

#ui-right-col .live-and-upcoming-auctions ul.live-and-upcoming-auction-list li.coming-soon:before {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -360px -55px;
    width: 14px;
    height: 15px;
    margin: 02px 5px 3px;
}

#ui-right-col .live-and-upcoming-auctions .auction-example-coming-soon:before {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -185px -51px;
    width: 16px;
    height: 16px;
}

#ui-right-col .live-and-upcoming-auctions ul.live-and-upcoming-auction-list li.auction-item {
    border-bottom: 1px solid #CECED1;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 17px;
    overflow: auto;
    text-decoration: none;
    vertical-align: middle;
}

#ui-right-col .live-and-upcoming-auctions .all-auctions {
    font-weight: bold;
    text-align: center;
    padding: 2px;
}

/* Consignments Wanted section */
#ui-right-col .content .consignment-text {
    padding: 6px;
}

.consignments-wanted .bidder-members {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    font-weight: 1em;
    color: #000;
}

.consignments-wanted .members-count {
    color: #D6000F;
}

.consignments-wanted .email-consignor {
    font-weight: bold;
    margin: 0 0 12px 0;
}

.consignments-wanted .email-consignor a {
    color: #000;
    display: inline-block;
    width: 160px;
    padding: 0 5px;
}

.consignments-wanted .email-consignor .email-icon {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -213px 0;
	width: 46px;
	height: 27px;
    display: inline-block;
    float: left;
    margin: 5px 0;
}

.consignments-wanted .email-consignor .consignor-name {
    color: #09498D;
}

#ui-right-col .consignments-wanted .consign-video {
	display: inline-block;
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	width: 220px;
	height: 160px;    
}

#ui-right-col .consignments-wanted .fineart-consign-video {
	background-position: 0 -399px;
}

#ui-right-col .consignments-wanted .coins-currency-consign-video {
	background-position: 0 -77px;
}

#ui-right-col .consignments-wanted .comics-consign-video {
	background-position: -221px -77px;
}

#ui-right-col .consignments-wanted .movie-posters-consign-video {
	background-position: -221px -399px;
}

#ui-right-col .consignments-wanted .sports-consign-video {
	background-position: 0 -560px;
}

#ui-right-col .consignments-wanted .entertainment-consign-video {
	background-position: 0 -238px;
}

#ui-right-col .consignments-wanted .default-consign-video {
		background-position: -221px -238px;
}

#ui-right-col .consignments-wanted  .testimonial-quote {
    background-color: #D6F1FF;
    color: #333333;
    font-size: 13px;
    padding: 14px 12px;
    margin: 6px 4px;
}

#ui-right-col .consignments-wanted .testimonial-author {
    font-style: italic;
    font-weight: bold;
    margin-top: 10px;
}

#ui-right-col .consignments-wanted .testimonials-link {
    margin-top: 5px;
    text-align: center;
}

#ui-right-col .consignments-wanted .compete-blurb {
    padding: 5px;
    font-size: 0.9em;
    font-weight: bold;
}

#ui-right-col .consignments-wanted .consign-learn {
    border-radius: 5px 5px 0 0;
    padding: 5px;
    margin: 10px 0 0 0;
    color: #FFF;
    font-weight: bold;
}

#ui-right-col .consignments-wanted .why-consign {
    display: block;
    list-style-type: none;
    margin: 0 0 14px;
    padding: 0;
}

#ui-right-col .consignments-wanted .why-consign li {
    display: block;
}

#ui-right-col .consignments-wanted .why-consign li  a:before {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -464px -46px ;
	width: 24px;
	height: 24px;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 12px;
}

#ui-right-col .consignments-wanted .why-consign li a {

    background: #D0E0ED;
    /* Old browsers */
    background: -moz-linear-gradient(top, #EEF3F7 0%, #D0E0ED 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #EEF3F7 0%, #D0E0ED 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #EEF3F7 0%, #D0E0ED 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEF3F7', endColorstr='#D0E0ED', GradientType=0);
    /* IE6-9 */
    border-bottom: 1px solid #B8D0E1;
    border-left: 1px solid #B8D0E1;
    border-right: 1px solid #B8D0E1;
    display: block;
    left: 0;
    min-height: 20px;
    padding: 13px 24px 14px 5px;
    position: relative;
    top: 0;
    vertical-align: middle;
    font-weight: bold;
}

#ui-right-col .consignments-wanted span.consign-warning {
    font-size: 1.1em;
    font-weight: bold;
    color: #F00;
}

/* consign-urgent */
.consignments-wanted .consign-message {
    margin: 2px auto 5px auto;
}

.consignments-wanted .consign-message .consign-urgent {
    padding: 6px;
    /* Old browsers */
    background: -moz-linear-gradient(top, #FFD71B 0%, #C3A61F 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #FFD71B 0%, #C3A61F 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #FFD71B 0%, #C3A61F 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD71B', endColorstr='#C3A61F', GradientType=0);
    /* IE6-9 */  
}

/* consign-content */
.consignments-wanted .consign-message .consign-content {
    padding: 6px;
    /* Old browsers */
    background: -moz-linear-gradient(top, #C8C8C8 0%, #989898 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #C8C8C8 0%, #989898 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #C8C8C8 0%, #989898 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8C8C8', endColorstr='#989898', GradientType=0);
    /* IE6-9 */ 
}

/* Video Tutorial */
.video-tutorial .content {
    border: none !important;
}

.video-tutorial .content .video-preview {
	display: inline-block;
	border: 1px solid black;
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -221px -560px ;
	width: 220px;
	height: 160px;
}

.video-tutorial .content .video-caption {
    background-color: #F2F0F1;
    color: #333333;
    font-family: Arial, sans-serif;
    font-size: 10.5px;
    line-height: 13px;
    padding: 4px 8px;
    text-align: center;
    vertical-align: middle;
}

/* Recent Auctions */

#ui-right-col .recent-auctions {
}

#ui-right-col .spotlights {
}

#ui-right-col .recent-auctions .content {
    padding: 4px;
    line-height: 140%;
}

#ui-right-col .spotlights .content {
    padding: 4px;
    line-height: 140%;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#ui-right-col .recent-auctions .row,
#ui-right-col .spotlights .row {
    width: 216px;
    overflow: hidden;
    margin: 4px 0;
    background: #FFFFFF;
    /* Old browsers */
    background: -moz-linear-gradient(top, #E3E3E3 0%, #FFFFFF 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #E3E3E3 0%, #FFFFFF 100%);
    /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #E3E3E3 0%, #FFFFFF 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E3E3', endColorstr='#FFFFFF', GradientType=0);
    /* IE6-9 */ 
}

#ui-right-col .recent-auctions .description,
#ui-right-col .spotlights .description {
    float: left;
    width: 136px;
    padding: 2px;
}

#ui-right-col .recent-auctions .thumb,
#ui-right-col .spotlights .thumb {
    float: left;
    width: 70px;
    padding: 3px;
    text-align: center;
}

#ui-right-col .recent-auctions .thumb img,
#ui-right-col .spotlights .thumb img {
    border: none;
}

#ui-right-col .recent-auctions .auction-name,
#ui-right-col .spotlights .spotlight-desc {
    color: #333;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 16px;
    vertical-align: middle;
    width: 125px;
}

#ui-right-col .recent-auctions .item-price-realized {
    color: #D6000F;
    font-size: 0.9em;
    font-weight: bold;
}

#ui-right-col .recent-auctions .info-links,
#ui-right-col .spotlights .info-links {
    display: inline-block;
    width: 100%;
}

#ui-right-col .recent-auctions .info-links a,
#ui-right-col .spotlights .info-links a {
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0;
}

/*sports on the road */
#ui-right-col .sports-on-the-road .content {
    padding: 6px;
}

#ui-right-col .sports-on-the-road .content .sports-map {
    padding: 0 10px;
}

/* make offer to owner */
#ui-right-col .make-offer-to-owner .content p {
    margin: 0;
    padding: 6px;
}

/* help us serve you better - faq.zx page */
#ui-right-col .faq-questionaire .content {
    padding: 6px;
}

#ui-right-col .faq-questionaire .question {
    font-weight: bold;
}

#ui-right-col .faq-questionaire .question input,
#ui-right-col .faq-questionaire .question textarea {
    margin: 4px 0px;
    width: 90%;
}

#ui-right-col .faq-questionaire hr {
    width: 60%;
}

#ui-right-col .faq-questionaire .submit {
    border-radius: 5px;
    padding: 5px;
    color: #FFF;
    font-weight: bold;
    border: 1px solid #000;
    cursor: pointer;
}

#ui-right-col .faq-questionaire .rank-question {
    list-style-type: none;
    padding: 2px 0;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    background-color: #F2F2F2;
}

#ui-right-col .faq-questionaire .rank-question img {
    border: none;
}

#ui-right-col .faq-questionaire .smalltext {
    font-size: 0.8em;
    font-style: italic;
}

.five-survey-star {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -23px -51px;
    width: 121px;
    height: 22px;
    display: inline-block;
}

.four-survey-star {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -23px -51px;
    width: 98px;
    height: 22px;
    display: inline-block;
}

.three-survey-star {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -23px -51px;
    width: 73px;
    height: 22px;
    display: inline-block;
}

.two-survey-star {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -23px -51px;
    width: 48px;
    height: 22px;
    display: inline-block;
}

.one-survey-star {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -23px -51px;
    width: 24px;
    height: 22px;
    display: inline-block;
}

#ui-right-col .faq-questionaire .rank-inputs {
    display: none;
}

#ui-right-col .faq-questionaire .rank-question .styled-radio {
    display: inline-block;
    margin: 0;
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -145px -51px;
    width: 20px;
    height: 20px;
}

#ui-right-col .faq-questionaire .rank-question .radio-selected {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -165px -51px;
    width: 20px;
    height: 20px;
}

/* Join Now section */

#ui-right-col .join-now .bidder-members {
    text-align: center;
    margin: 0;
}

#ui-right-col .join-now .bidder-members .members-count {
    color: #005291;
    font-weight: bold;
    font-size: 1.4em;
    padding: 2px;
}

#ui-right-col .join-now .join-now-button {
    display: inline-block;
    position: relative;
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
	background-position: -23px 0;
    width: 189px;
    height: 50px;
    margin: 0 15px;
}

/* this is not ie8 compatable - but it doesn't break things - so we're keeping it for the browsers that do work */
#ui-right-col .join-now .join-now-button:hover:before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.2); /* the 0.2 alpha determines how thick the mask is applied. 0 is not at all, 1 is completely opaque */
}

#ui-right-col .join-now .toggle-container {
    display: none;
}

#ui-right-col .join-now .view-member-benefits {
    margin: 10px auto;
    border: 1px solid #005291;
    width: 85%;
    padding: 0 5px;
}

#ui-right-col .join-now .benefits {
    text-align: center;
    color: #005291;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 0;
    cursor: pointer;
}

#ui-right-col .join-now .view-member-benefits ol {
    padding: 0 0 0 20px;
}

#ui-right-col .join-now .view-member-benefits li {
    font-size: 0.8em;
    line-height: 18px;
}

#ui-right-col .join-now .view-member-benefits a {
    text-decoration: underline;
}

#ui-right-col .join-now .subscribe-text {
    font-size: 0.8em;
    color: #005291;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

#ui-right-col .join-now .submit-email {
    background-image: url(/c/i/right-col/right-col-sprite-2.png);
    background-repeat: no-repeat;
    float: left;
	background-position: -424px 0;
    width: 39px;
    height: 36px;
    display: inline-block;
    border: none;
    cursor: pointer;
}

#ui-right-col .join-now .join-email {
    display: inline-block;
    float: left;
    font-size: 0.9em;
    font-style: italic;
    height: 30px;
    margin-left: 8px;
    line-height: 30px;
    width: 160px;
}

#ui-right-col .join-now .subscribe {
    margin: 0 auto 45px;
}

#ui-right-col .join-now .join-email.email {
    background: none;
}

#ui-right-col .join-now .form-error {
    height: 15px;
    padding: 0;
    margin: 0;
    font-style: italic;
    text-align: center;
}

/* Customized dropdowns */

.superselect-container {
    display: inline-block;
    cursor: default;
}

.superselect-handle {
    position: relative;
}

.superselect-selected {
    clear: both;
    overflow: hidden;
}

.superselect-arrow {
    position: absolute;
}

.superselect-open .superselect-handle {
    border: 1px solid #adadad;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Options styles when dropdown is open */
.superselect-open .superselect-options {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-height: 300px;
    max-width: 262px;
    width: 262px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.superselect-options {
    display: none;
    position: absolute;
    z-index: 0;
    overflow: auto;
}

.superselect-option {
    clear: both;
    width: auto;
}

.superselect-selected img,
.superselect-option img {
    margin: 0 5px 0 0;
    float: left;
}

/* Columns */
.superselect-option-row {
    clear: both;
}

.superselect-option-cell {
    display: inline-block;
}

/**************************************/
/* Theme Styles                       */
/**************************************/
/* Overall box width */
.superselect-container {
    font-size: 0.9em;
    color: #333;
    margin: 0 0 5px 0;
    cursor: pointer;
    width: 100%;
}

.superselect-option {
    width: 238px;
    max-width: 238px;
    overflow: hidden;
    padding: 3px 8px;
}

.superselect-option:hover {
    background-color: #EFEFEF;
}

/* "Handle", the part that remains visible when closed */
.superselect-handle {
    border: 1px solid #adadad;
    padding: 0;
    background: #FFF;
    height: 20px;
}

/* Selected value shown in handle */
.superselect-selected {
    margin-right: 15px;
    padding: 3px 2px;
    font-size: 0.9em;
}

/* Down arrow shown in handle */
.superselect-arrow {
    background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
	background-position: -116px -160px ;
    width: 16px;
    height: 11px;
    top: 5px;
    right: 2px;
}

.superselect-open .superselect-arrow {
	background-position: -95px -159px;
}

/* Dropdown menu container */
.superselect-options {
    border: 1px solid #adadad;
    background: #FFF;
    overflow: visible;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.7);
    font-size: 0.9em;
}

/* indenting for special dropdowns */
.level-1 {
    padding-left: 15px;
}

.level-2 {
    padding-left: 30px;
}

.level-3 {
    padding-left: 45px;
}

.level-4 {
    padding-left: 60px;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
	
/* Icons
	----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-icon {
    background-image: url(/c/i/ui/jquery/icons-ha-1.png) !important;
    text-decoration: none;
    vertical-align: middle;
}

.icon-help, .ui-icon-help {
    background-position: -17px -51px !important;
}
.icon-print, .ui-icon-print {
    background-position: 0 -51px !important;
}

.icon-hint, .ui-icon-lightbulb {
    background-position: -51px -34px !important;
}

.icon-circle-triangle-e, .ui-icon-circle-triangle-e {
    background-position: -51px -17px !important;
}
.icon-circle-triangle-e, .ui-icon-circle-triangle-n {
    background-position: 0 -68px !important;
}
.icon-circle-triangle-e, .ui-icon-circle-triangle-s {
    background-position: -51px -51px !important;
}
.icon-circle-triangle-w, .ui-icon-circle-triangle-w {
	background-position: -17px -68px;
}
.icon-applications-small, .ui-icon-newwin {
    background-position: -51px 0 !important;
}
.icon-alert, .ui-icon-alert {
    background-position: -34px -34px !important;
}
.icon-save, .ui-icon-disk {
    background-position: 0 0 !important;
}
.icon-done, .ui-icon-check {
    background-position: 0 -34px !important;
}
.icon-arrow-e, .ui-icon-arrowthick-1-e {
    background-position: -34px -17px !important;
}
.icon-arrow-s, .ui-icon-arrowthick-1-s {
    background-position: -34px 0 !important;
}
.icon-arrow-n, .ui-icon-arrowthick-1-n {
    background-position: -17px -17px !important;
}
.icon-info, .ui-icon-info {
    background-position: 0 -17px !important;
}
.icon-close, .ui-icon-closethick {
    background-position: -17px -34px !important;
}
.icon-notice, .ui-icon-notice {
    background-position: -17px 0 !important;
}
.icon-file, .ui-icon-document-b {
    background-position: -34px -51px !important;
}

/* jQuery UI - Custom HA Overrides */

.ui-inline-icon {
    display: inline-block;
    *text-indent: 0;
    vertical-align: text-bottom !important;
}

.ui-inline {
    display: inline-block;
    vertical-align: baseline !important;
}

.ui-float-icon {
    float: left;
    display: inline-block;
    margin: 5px 1px 5px 2px;
    width: 16px;
}

.ui-widget.ui-message .ui-float-icon {
    margin: 14px 10px 10px 0;
}

.ui-float-message {
    display: table;
    *display: block;
    border-spacing: 0;
}

.ui-widget.ui-message .ui-float-message {
    border-spacing: 2px;
    text-align: left;
}

/* Misc visuals
	----------------------------------*/
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}


/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Component containers
	----------------------------------*/
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(/c/i/ui/jquery/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url(/c/i/ui/jquery/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.ui-widget-header a {
    color: #222222;
}

.ui-widget-center.ui-message {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 80%;
}

.ui-widget.ui-message .ui-state-error.no-glass {
    background-image: none;
}

.ui-widget.ui-message .ui-state-highlight,
.ui-widget.ui-message .ui-state-error,
.ui-widget.ui-message .ui-state-success {
    padding: 4px 14px;
}

.ui-widget.ui-message .ui-state-highlight p,
.ui-widget.ui-message .ui-state-error p,
.ui-widget.ui-message .ui-state-success p {
    margin: 13px 0;
}

.ui-widget-header {
    color: #333;
}

h1.ui-widget-header,
h2.ui-widget-header {
    margin: 12px 0 0;
    padding: 8px;
    font: bold 1.6em Verdana, sans-serif;
    text-align: center;
}

.ui-widget.ui-message .ui-state-error,
.ui-widget.ui-message .ui-widget-content .ui-state-error,
.ui-widget.ui-message .ui-widget-header .ui-state-error {
    color: #363636;
    margin: 20px 0;
}

.ui-widget.ui-message .ui-state-error strong,
.ui-widget.ui-message .ui-widget-content .ui-state-error strong,
.ui-widget.ui-message .ui-widget-header .ui-state-error strong {
    color: #CD0A0A;
}

.ui-widget.ui-message .ui-state-error a,
.ui-widget.ui-message .ui-widget-content .ui-state-error a,
.ui-widget.ui-message .ui-widget-header .ui-state-error a {
    color: #363636;
}

.ui-widget.ui-message .ui-state-highlight,
.ui-widget.ui-message .ui-widget-content .ui-state-highlight,
.ui-widget.ui-message .ui-widget-header .ui-state-highlight {
    margin: 20px 0;
    background: #FCFCE3;
    border-color: #BABA00;
}

.ui-widget.ui-message .ui-state-success,
.ui-widget.ui-message .ui-widget-content .ui-state-success,
.ui-widget.ui-message .ui-widget-header .ui-state-success {
    margin: 20px 0;
    border: 1px solid #4BA34B;
    background: #F0FFF0;
    color: #363636;
}

.ui-widget.ui-message .ui-state-success a,
.ui-widget.ui-message .ui-widget-content .ui-state-success a,
.ui-widget.ui-message .ui-widget-header .ui-state-success a {
    color: #363636;
}

.ui-widget.ui-message .ui-state-success strong,
.ui-widget.ui-message .ui-widget-content .ui-state-success strong,
.ui-widget.ui-message .ui-widget-header .ui-state-success strong {
    color: #4BA34B;
}

.ui-widget.ui-message .ui-state-success strong.normal,
.ui-widget.ui-message .ui-widget-content .ui-state-success strong.normal,
.ui-widget.ui-message .ui-widget-header .ui-state-success strong.normal {
    color: #363636;
}

/* Interaction states
	----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(/c/i/ui/jquery/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(/c/i/ui/jquery/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #212121;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url(/c/i/ui/jquery/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
	----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(/c/i/ui/jquery/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(/c/i/ui/jquery/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Misc visuals
	----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(/c/i/ui/jquery/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(/c/i/ui/jquery/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/*		
	 * jQuery UI Autocomplete 1.8.14
	 *
	 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
	 * Dual licensed under the MIT or GPL Version 2 licenses.
	 * http://jquery.org/license
	 *
	 * http://docs.jquery.com/UI/Autocomplete#theming
	 */
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}

/* without this, the menu expands to 100% in IE6 */

/*
	 * jQuery UI Menu 1.8.14
	 *
	 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
	 * Dual licensed under the MIT or GPL Version 2 licenses.
	 * http://jquery.org/license
	 *
	 * http://docs.jquery.com/UI/Menu#theming
	 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

.ui-menu .ui-menu {
    margin-top: -3px;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-target {
	position: relative;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
	*z-index: -1;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 18px;
}
.noUi-horizontal .noUi-handle {
	width: 17px;
	height: 14px;
	left: -10px;
	top: -6px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 14px;
	height: 34px;
	left: -6px;
	top: -17px;
}

/* Styling;
 */
.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
	background: #3FB8AF;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
	transition: background 450ms;
}
.noUi-origin {
	border-radius: 2px;
}
.noUi-target {
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-dragable {
	cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
	cursor: n-resize;
}
.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #EBEBEB,
				0 3px 6px -3px #BBB;
}
.noUi-active {
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #DDD,
				0 3px 6px -3px #BBB;
}


/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled] .noUi-handle {
	cursor: not-allowed;
}

/*
	 * jQuery UI Button 1.8.14
	 *
	 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
	 * Dual licensed under the MIT or GPL Version 2 licenses.
	 * http://jquery.org/license
	 *
	 * http://docs.jquery.com/UI/Button#theming
	 */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
    width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* reset extra padding in Firefox */

/* Debugging
 ---------------------------------------------------------------------------- */

.debug,
.omniDebug {
    margin: 10px;
    padding: 16px 4px;
    width: 96%;
    border: 2px solid #900;
    text-align: left;
    background-color: #FFF;
    clear: both;
    overflow: auto;
    overflow-y: visible; /* IE hack - urk! */
}

.debug .subDebug,
.omniDebug .subDebug {
    margin: 4px 0;
}

table.debug {
    margin: 8px 0;
    width: auto;
    border-collapse: collapse;
    background: inherit;
}

table.debug td,
table.debug th {
    padding: 4px;
    border-style: solid dashed;
    border-width: 2px 1px;
    border-color: #900;
}

table.debug th {
    background-color: #CCC;
    font-size: small;
}

table.debug td {
    font-size: x-small;
}

.debugCached {
    background-color: #DFF!important;
}

.omniDebug {
    background-color: #FFD;
}

.warning {
	color: #880000;
	font-weight: bold;
}

/* HA Dialog styles */
.dialog-window {
    width: 500px;
    padding: 5px 10px;
    background-color: #FFF;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
}

.dialog-window .dialog-header {
    font-size: 14px;
	font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
}

.dialog-window .dialog-body {
    border: 0;
    padding: 0;
    margin: 0 0 10px 0;
    background-color: transparent;
    font-weight: normal;
    text-align: left;
}

.dialog-window .action {
    display: inline-block;
    color: #333;
    border: 1px solid #888;
    background-color: #CCC;
    padding: 2px 3px;
    text-decoration: none;
    margin: 5px;
    width: 50px;
    text-align: center;
}

.dialog-window .action.close.img {
    position: absolute;
    right: -22px;
    top: -21px;
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent url('/c/i/css/close.png');
}

.dialog-window .action.close.top-corner {
	position: absolute;
	right: -23px;
	top: -22px;
	z-index: 999;
	display:block;
	width:26px;
	height:26px;
	line-height:20px;
	border: 2px solid #f5f5f5;
	border-radius: 50%;
	color: #f5f5f5;
	text-align: center;
	text-decoration: none;
	background: #464646;
	box-shadow: 0 0 3px gray;
	font-size: 18px;
	font-family: "verdana";
	cursor: pointer;
}
.dialog-window .action.close.top-corner:hover {
	background-color: #000;
}

/* Images references in JS  */
.close-img {
    position: absolute;
    right: 7px;
    width: 15px;
    height: 15px;
    text-decoration: none;
    background: url(/c/i/ui/bid-box/close.gif) no-repeat top left;
    float: right;
}

div.error,
form p.error { margin-top: 20px; padding: 8px 10px; border: 1px solid #633; font-weight: bold; color: #900; background-color: #FEE; }
div.message {
    background-color: #E0F7DB;
    border: 1px solid #5C6E58;
    color: #4A5747;
    font-weight: bold;
    margin-top: 20px;
    padding: 8px 10px;
}
div.message > p,
div.error > p {
    margin: 3px 0;
    padding: 0;
}

/*Accordion styles*/
.accordion {margin: 0; padding: 0; width: 100%;}
.accordion dt {position: relative; height: 33px; line-height: 33px; background: #005CA2 url(/c/i/consign/accordion-bg.png) repeat-x; border-top: 1px solid #FFF; text-indent: 15px;}
.accordion dt.active .toggle {background-position: -14px -60px;}
.accordion dt a .toggle {position: absolute; top: 10px; right: 10px; display: inline-block; width: 11px; height: 11px; background: transparent url(/c/i/consign/accordion-sprite.png) -1px -60px no-repeat;}
.accordion dd {padding: 7px; border: 1px solid #CCC; border-bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; border-top: 0; font-size: 12px; display: none; margin: 0;}
.accordion dd a, .accordion dt a {display: block; color: #FFF; font-weight: normal; text-decoration: none;}
.accordion dd:last-of-type,.accordion dt:last-of-type {border-bottom: 1px solid #CCC}
.accordion dd:last-of-type {border-top: 1px solid #fff; position: relative; top: -1px}

/* Loader */
.loader {
    width: 250px;
    left: 50%;
    margin-left: -134px;
    padding: 5px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(82, 82, 82);
    background: rgba(82, 82, 82, 0.7);
    position: fixed;
    text-align: center;
    top: 30%;
    z-index: 9999;
    zoom: 1;
    _position: absolute;
    _top: 100px;
    _left: 400px;
    _margin-left: 0;
    border: none;
}
.loader div {
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px 5px 10px;
    color: #666;
    font-weight: normal;
    background-color: #FFF;
    height: auto;
}
.loader div span.loading {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #FFF url('/c/i/carousel-load.gif') center center no-repeat;
}
.loader div span.message {
    display: block;
    margin-top: 5px;
    font-size: 12px;
}

#modalMask {
    background: #20629A;
    z-index: 50;
    width: 3000px;
    height: 3000px;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
#modalMask.active {
    opacity: 0.7;
    -webkit-transform: translate3d(0,0,0);
    filter: alpha(opacity=70);
}
div.modal.active {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    filter: alpha(opacity=100);
}
div.dialog-window.animate,
#modalMask.animate {
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

/* moto css used */
a.buy-now-from-owner-button {
	margin: 0px 0 0 0; padding: 0 0 0 0;
	display: block;
	text-indent: -1000em;
	width: 112px;
	height: 17px;
	background: url(/c/i/ui/skin-sprite-5.png) no-repeat 0 -175px;;
	text-align: center;
}

div.btn-makeoffer {
	border: 0px dotted red;
	margin: 6px 0; padding: 0;
	width: 112px !important;
	position: relative;
}

a.make-offer-to-owner-button {
	margin: 0px 0; padding: 0 0 0 0;
	width: 112px;
	height: 17px;
	display: block;
	text-indent: -1000em;
	background: url(/c/i/ui/skin-sprite-5.png) no-repeat -113px -175px;;
	text-align: left;
}

.participating { background-position: -226px -175px!important; }

span.moto-help {
	background: url(/c/i/ui/skin-sprite-5.png) no-repeat -175px -155px;
	margin: 0; padding: 0;
	cursor: pointer;
	position: relative;
	top: -15px;
	right: 2px;
	float: right;
	width: 11px!important;
	height: 13px;
}
.progress {
	cursor: progress !important;
}
#remove-facebook-app {
	width: 760px;
	position: relative;
}
#remove-facebook-app .icon {
	float: left;
	width: 64px;
	height: 64px;
	background: url(/c/i/ui/skin-sprite-5.png) no-repeat;
	background-position: -283px 2px;
	margin-top: 10px;
}
#remove-facebook-app .description {
	width: 670px;
	float: left;
	margin: 0 0 10px 10px;
}