/**
 * Colors
 * Please use these colors, or add new ones if you really need to.  Remember to Find/replace changes.
 */
/*

#3b6583; /* dark blue
#525252; /* dark grey (eg, main body text)
#959FA1; /* med grey  (eg, link lists in footer)
#CFDCE4; /* pale blue 
#EFEFEF; /* pale grey

*/
#id_card_security_code {
  width:60px;
}

#tmp_image_kludge > div {
  margin: 0px !important;
  padding: 0px !important;
}

/**
 * main stucture's layout table (placement, markup and style for the web) 
 **/ 
html,body{
  margin:0;
  padding:0;
  height:100%;
  border:none
}
table#page_layout {
  height: 100%;
  width: 1000px; /* should be safe, these days */
  margin: 0 auto;
}


/**
 * FONT AREA 
 */ 
body {
  font-size: 0.8em;
}
h1 {
  /* todo spec Avant Gard and friends? */
 font-family: 'Avant Garde','Century Gothic', Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 32px;
}

.area-footer-link-lists { /* grey list of links */
  font-size: 0.9em;
  line-height: 1.3em;
  margin-left: 20px;
  margin-right: 20px;
}
#main_nav td {
  font-size: 1.0em; font-weight: bold;
}
/* minor element placement */
#img_logo {
  float: left;
}
#img_tagline {
  float:left;
  margin-top:40px;
  margin-left: 70px;
}
#box_search {
  float:right;
  color: white;
  text-align: right;
  padding-top: 10px;

}
#box_search .search-form {
  float: right;
  text-align: left;
  margin-top:10px;
}
#box_search .submit {
  margin: 0 5px;
  /* height:1.7em; *//* This is an image. Please don't scale images in browser. */
}
#box_search .links {
 font-size: small; 
 padding-bottom:8px;
}
#box_search a {
  color: white;
}
td.info-box {
  background: white url(/img/bg_info.jpg) no-repeat;
}
table.layout {
  border: none;
  border-collapse: collapse;
  width: 100%;
}
table.layout td {
  vertical-align: top;
}

/** 
 * main look and feel (could be shared by devices)
 */
body {
  background: url('/css/img/site_bg.png') fixed;
  font-family: Helvetica, Arial, sans-serif;
  color: #525252; /* dark grey */
}
h1 {
  color: #3b6583; /* dark blue */
}

img {
  border: none;
}
a {
 color: #3b6583; /* dark blue */
 text-decoration: none;
}
a:hover {
  color: #959FA1; /* dark grey */
}
hr {
  border: 0;
  background-color: #cccccc; /* dark grey */
  color:#cccccc;
  height: 1px;
}
ul {margin-left:14px;}
ul li {margin: 0 0 4px 14px;}
/* major page sections */
.area-header {
  padding: 0px 0px 0px 25px; 
  height: 75px; /* spec'd height prevents flash of ugly layout */
}
/* the nav bar */
.area-nav {
  background: url("/css/img/nav_bottom_bg.png") bottom; 
  padding: 0px 0px;
  overflow: hidden; /* or info banner extends outside */
}
.area-content {/*the entire area below header*/
  background: white url("/css/img/page_bg_2.png") repeat top; 
  padding: 0px 0px;
  overflow: hidden; /* or info banner extends outside */
}

/* content_for_layout (the "real" content for the page) */
.page-content-container {
  float:left;
  margin-left: 20px;
  margin-top: 10px;
  width: 799px; /* 789 (banner width) + 10px for right margin of "banners" */
}
/* content that is directly on the page, not always used */
.page-content {
  margin-right: 150px;
}
/* the three lower banners */
.area-lowers {
  padding: 20px 20px 10px;
  background-color: white;
}
.area-footer {
  background: white url("/css/img/gradient_bg200px.png") no-repeat top; 
}

.area-footer-link-lists td{
	width: 150px;
}

.area-footer-link-lists ul {
  list-style: none;
  padding:0px;
  margin: 0px;
}
.area-footer-link-lists li {
  margin: 0px;
}
.area-footer-link-lists {
  color: #959FA1; /* med grey */
}
.area-footer-link-lists a {
  color: inherit;
}
.area-footer-link-lists a:hover {
  color: #525252; /* dark grey */
}
.rollover {
  cursor:pointer;
}

table.footer-list td{
	width: 150px;
	vertical-align: top;
}

ul.locations li{
	margin-left: 20px;
	list-style: circle;
}

td#footer_location {
	width: 250px;
}

.area-footer .link-buttons {
   background-color: #EFEFEF; /* pale grey */
   padding: 3px 0px; /* matches v. of area-footer link-buttons li */
   margin-bottom: 10px;
   font-weight:bold;
}

#button_link {
	margin-left: 20px;
   margin-right: 20px;
}
 
.area-footer .link-buttons a {
  color: inherit;
}
.area-footer .link-buttons li {
  border-left: 2px solid white;
  margin: 0px;
  padding: 3px 10px;
  position:relative;
  left:-2px;
}
.area-footer .link-buttons a:hover {
  color: #3b6583; /* dark blue */
}

.table-center td {
  text-align: center!important;
}
.table-center th {
  text-align: center!important;
}
.pair-left {
  border-left: 1px solid grey;
}
.pair-right {
  border-right: 1px solid grey;
}

#main_nav {
   background: url("/css/img/button_bg_24.png"); /* pale grey */
   padding: 0px;
   margin: 0px 0px 10px;
   width: 100%;
}
#main_nav tr {
  background: url("/css/img/nav_right.png") no-repeat right; 

}
#main_nav td {
    background: url("/css/img/nav_mid.png") no-repeat left; 
    text-align: center;
	padding-top:4px;
	padding-bottom:4px;
}
#main_nav td.first {
  background: url("/css/img/nav_left.png") no-repeat left!important; 
}

#main_nav a:hover {color:#959FA1;} /* med grey  (eg, link lists in footer)*/

/* Shared by pages (not just layout) */

/** normal side bar **/
#info_banner .topper {
  background: url('/img/800_number.png') no-repeat center;
  width: 161px;
  height: 40px;
}
#info_banner .content {
  background: url('/img/bg_info.jpg') no-repeat;
  height: 100%;
  width: 160px;
  padding: 5px 10px 5px 0px;
}
img#moreinfo_logo {
  margin: 5px 5px 10px 10px;
}
img#sm_logo{
	margin-left: 5px;
}

/* main banner class for sub-pages, main_banner ID from front page.   */
.main-banner {
  color: #3b6583; /* dark blue */
  width: 789px;
  height: 182px;
  background: url('/img/banner_blank.jpg');
  float:none!important;
}
.simple-content {
  background: url('/img/banner_blank.jpg') no-repeat;
  width: 789px;
  height: 443px;
}
.simple-content {
  padding: 10px;
}
.main-banner .banner-btn {
  right : 25px;
  bottom: 10px;
}


.landing-banners>div {
  border: 1px #cccccc solid;
  height: 228px;
  padding: 10px;
}
.landing-banners img {
    display: block;
    margin: 0 auto;
 }
/* org. for diamonds selection guide */
.landing-banners h2 {
  color: #3b6583; /* dark blue */
  font-size: 1em;
  font-style: italic;
}
.banner h1 {
  margin: 0px;
  font-size: 1.2em;
  color: #3b6583; /* dark blue */
  text-transform: uppercase;
}
/* like the display-box class, but for landing pages.  Still, images should just be fixed... */
.image-fix {
  height: 100px;
  text-align: center; /* ok, does one useful thing */
}

.sixc {
  height: 80px;
  text-align: center;
}

.inventory-display {
  width: 220px;
  height: 250px;
  padding: 10px;
  margin: 10px;
  border: 1px #cccccc solid;
  float:left;
  text-align:center;
  background: none no-repeat top center;
}

.inventory-display>div {
	margin-bottom: 50px;
}
.inventory-display p.shift-down{
	margin-bottom: 0px;
	font-size: 12px;
	padding-top:120px;
	color:#B7BBCA;
	font-weight:bold;
}
.inventory-display p {	margin-top:2px; font-size: 11px;
font-weight:normal;
 }

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

dl.flat {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.flat dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dl.flat dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/* minor shared look and feel */
table.standard {
  border: solid 1px #525252; /* dark grey */
  border-collapse: collapse;
  background-color: white;
}
table.standard th {
  text-align: left;
  text-transform: uppercase;
  font-weight: normal;
  background-color: #3b6583; /* dark blue */
  color: white;
}
table.standard td {
  border-bottom: solid 1px #525252; /* dark grey */
  padding: 5px;
}
table.standard tr.even {
  background-color: #EFEFEF; /* pale grey*/
}
.bread-crumbs {
  text-align:right;
}
.page-title {
  margin: 10px 0px;
}
/* do we need a general purpose "cell" class? */
.v-spaced {
  margin: 10px 0px;
}
/* intro blurb and image on many inventory landing pages */
.page-topper {
  margin: 10px 0px 20px;
}
.page-topper img {
  display:block;
}
/* spacing between "images" in the topper (may really be two images together in a div, for eg) */
.page-topper>div {
  margin: 0px 20px;
}
.blue-box {
  background-color: #CFDCE4; /* pale blue */
}
.grey-box {
  background-color: #EFEFEF; /* pale grey */
}
.banner {
  position: relative; /* keeps abs pos'd buttons inside */
  float:left;
}
.banner-link {
   /* used with script to make link inside banner the *entire* banner's link */
}
.banner ul {
  /*color: #3b6583; /* dark blue *//*commented out to prevent the the text on Why CADI banner to show up as dark blue*/
  line-height: 1em;
  padding: 0px;
}
/* the inner white-lined div */
.lined-banner>div {
  margin: 5px;
  padding: 10px 15px; /* 15 + 5 margin = 20 standard padding */
  border: 1px white solid;
  height: 150px;
}

.no-border {border: none!important;}


.lined-banner ul {
	margin-left: 0;
}
.banner-btn {
  position: absolute;
  right: 10px;
  bottom: 10px; /* 20 just seemed like too much... */
}
.inside-banner {
  margin: 0px 10px 0 10px;
}
.inside-banner-3cs {
  margin: 0px 30px;
}
.banner-thirds {
  width: 313px; /* width banners can be based on 1000 page width, and using inside banner on middle */
}
.thirds>div {
  width: 235px; /* similiar to above (banned-thirds), but meant to be more general. Now minus infor banner space.*/
}


.thirds-3cs>div {
  width: 235px; /* for color/cut/clarity paragraphs on details pages */
  font-size: 0.9em;
}
.thirds-3cs>div h4{font-size:14px;}

.halves>div {
  width: 366px;
  margin-right: 10px; /* all we need is this.  */
}
.map-directions {
  height: 200px;
  width: 300px;
}

.cert-halver>div{
	width: 375px;
	margin-left: 20px;
	text-align: justify;
}
div.cert{
	text-align: center;
}
#contact_header .divider>div{
	width: 380px;
}

#contact_page .main-banner {
  background: url('/img/banner_contact_appointment.jpg');
}

div#contact_header_info{
	width: 350px;
}
div#contact_header_info h2 {
	color: #3b6583;
	margin: 0px;
}

div#contact_header_info p{
	color: #3b6583;
	margin-left: 40px;
	font-size: 1.1em;
	font-weight: bold;
}

div#contact_header_info label{
	color: #525252;
}

#contact_address>div {
  width: 190px;
  margin-left: 18px;
  padding-top: 15px;
  float: left;
  text-align:left;
}

#contact_address>div a{
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
}

#appt_contact {float: none;}
#appt_contact_left {float: left; width: 360px; padding: 10px 0px;}
#appt_contact_right {margin-left: 80px; float: left; width: 288px; padding: 10px 0px;}
#appt_contact_right img{float: right; margin-top: 30px;}
ul#appt_list{list-style: none; padding-left: 8px;}
ul#appt_list li{padding: 3px 0px; margin-left: 0px;}

div#lmargin {
	margin-left: 60px;
	width: 320px;
	float:right;
}

div#lmargin img{
	float:right;
	margin-top:30px;
}
.cb_hidden{
	display: none;
}

#rsvp_banner {
  background: url('/img/banner_blank-short.jpg') no-repeat!important;
  height: 91px!important;
  padding-top: 1px;
}

#rsvp_banner h1{
  margin: 0px;
  font-size: 28px;
  margin-top: 15px;
  color: #3b6583;
  text-align: center;
  text-transform: none;
}

/**
 * Details page
 */
 
div#thumbnail_container{
	width: 80px;
	margin-left: 10px;
}

.thumbnail{
	width:60px;
	height: 60px;
	margin: 0px 10px 4px 0px;
	border: 1px #cccccc solid;    cursor: pointer;
}

.thumbnail>img {
	margin: auto auto;
}

div#prod_detail_img{
	width: 250px;
	height: 250px;
	border: 1px #cccccc solid;
	margin-left: 10px;
}

div#prod_detail_img>img {
}

div#prod_summ_info{
	margin-left: 25px;
	width: 380px;
}

div#prod_summ_info img{
	margin-right: 20px;
	margin-top: 30px;
}

div#prod_summ_info h3{
	color: #3b6583;
	margin: 0px;
	padding: 0px;
}

.details-content>div {
	width: 300px;
	margin-right: 30px;
	padding: 0px 10px 10px;
}

.details-data {
	margin-top: 2px;
}
table.details-data {padding:0}
table.details-data td{
  padding-right: 35px;
  border-bottom: 1px solid #cccccc;
}

table.details-data td.dt {
font-weight: bold;
}
table.details-data tr {
font-size: 11px;
}




/**
 * UI - Buttons, menus and other general-purpose page elements
 */
.short-button {
  background: url('/css/img/button_bg_17.png');
  float: left;
}

/* bevel button classes are a trick we aren't using right now.  todo: remove later */
.bevel-button {
  height: 22px;
}
.bevel-button div {
  height: 100%;
}
.bevel-button>div {
  background: url('/css/img/bevel_btn_left.png') no-repeat left; /* todo: fix this image */
  float:left;
}
.bevel-button>div>div {
  background: url('/css/img/bevel_btn_right.png') no-repeat right;
}
.bevel-button>div>div>div {
  background: url('/css/img/bevel_btn_mid.png') repeat-x;
  margin-left: 5px;
  margin-right: 5px;
}
.bevel-button-button {
  background: url('/css/img/bevel_btn_arrow.png') no-repeat!important;
  width: 20px;
  float:left;
}
ul.link-buttons li {
  display:inline;
}
ul.link-buttons {
  margin: 0px;
}

blockquote>center>img{
	padding: 20px 0px;
}

blockquote>center>label{
	font-size: 0.8em;
	font-weight: bold;
	color: #345e7c;
}

/**
 * Shipping Pages
 */ 

#shop_checkout_page hr {
  margin: 10px 0px;
}

.validation-message {
  font-size: small;
  font-style: italic;
}
.dissect>div {
	width: 344px;
	margin: 0px 20px;
}

.dissect>div h2{
	font-size: 17px;
	margin: 0px 0px 20px 0px;
	color: #3b6583;
	font-weight: normal;
}

.addr-radio {
	margin-left: 10px;
	margin-bottom: 8px;
}

.addr-label{
	color: #3b6583;
	font-weight: bold;
}

table.shipping-form td{
	vertical-align: middle;
	text-align: right;
	padding-right: 20px;
}
label.generic-label {
	font-weight: bold;
	font-size: 1em;
}
label.generic-label span {
    font-weight: normal;
}
table.shipping-form td>label{
	font-weight: bold;
}
table.shipping-form td>label small, table#rsvp_form td>label small {
	color: red;
}

table.shipping-form td>input{
	width: 165px;
}

img#cont_checkout_btn {
	margin-top: 30px;
}

.shipping-banner {
  background: url('/img/banner_secure_checkout.jpg') no-repeat;
  color: #3b6583; /* dark blue */
  width: 789px;
  height: 91px;
  float:none!important;
}

.dissect>div>textarea {
	width: 350px;
	height: 80px;
}

td#ccv {
	text-align: left;
}

td#ccv>input {
	width: 50px;
}

div#ccv_info {
	width: 335px;
	/* height: 135px; */ 
	margin-top: 20px;
	background: #CFDCE4;
	padding: 10px;
}

div#ccv_info h3{
	margin: 0px;
	color: #525252;
	font-size: 1em;
}

/**
 * Shopping Cart Pages
 */ 

.group-start td {
  border-bottom: 1px dotted #525252!important; /* dark grey (eg, main body text) */
}
.group-end td {

}

.basket-row {
	width: 759px;
	padding: 15px 15px;
	border-bottom: 1px #cccccc solid;
}

.basket-img-container {
	width: 105px;
	text-align: center;
	color: #3b6583;
	margin-left: 20px;
}

.basket-content-container {
	width: 634px;
	margin-left: 30px;
}

.basket-content {
	width: 450px;
	color: #525252;
	float: left;
}

.basket-content h2 {
	color: #3b6583;
	font-weight: bold;
	margin: 0px;
	font-size: 1em;
}

td.cart-img{
	width: 115px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

td.cart-desc{
	width: 470px;
	padding: 10px;
	color: #525252;
}

td.cart-desc h2{
	color: #3b6583;
	font-weight: bold;
	margin: 0px;
	font-size: 1em;
}

td.cart-desc label{
	color: #3b6583;
	font-weight: bold;
	margin: 0px;
	font-size: 1.2em;
}

td.cart-price{
	width:160px;
	padding: 10px 0px 10px 10px;
	text-align: right;
}

.basket-price {
	width: 129px;
	margin: 0px 20px;
	text-align: right;
	float: left;
}

.item-total {
  width: 139px;
  text-align: right;
  margin: 0px 20px 0px 620px;
}

.basket-image {
	width: 105px;
	height: 105px;
	border: 1px #cccccc solid;
	margin-bottom: 10px;
}

.ecomm-btn {
	margin: 20px 20px 5px;
    text-align:right;
}

.view-cart-btn {
	margin-left: 20px;
}

.bar-ship-addr {
  background: url('/img/cart_bar_shipping_address.jpg') no-repeat;
  color: #3b6583; /* dark blue */
  width: 781px;
  height: 43px;
  float:none!important;
  margin: 20px 0px;
}

div#confirm_addr_data {
	margin-left: 25px;
}

.bar-ship-basket {
  background: url('/img/cart_bar_shipping_options.jpg') no-repeat;
  color: #3b6583; /* dark blue */
  width: 781px;
  height: 43px;
  float:none!important;
  margin: 20px 0px;
}

.bar-ship-payment {
  background: url('/img/cart_bar_payment_info.jpg') no-repeat;
  color: #3b6583; /* dark blue */
  width: 781px;
  height: 43px;
  float:none!important;
  margin: 20px 0px;
}

div#confirm_payment_data{
	width: 490px;
	border-right: 1px #cccccc solid;
}

#confirm_payment_data>div {
	width: 210px;
	margin-left: 30px;
	margin-right: 5px;
	overflow: hidden;
}

div#confirm_pricing {
	margin-left: 20px;
}

.confirm-btn {
	margin-top: 10px;
}

img#place_order_btn {
	margin-top: 30px;
}

table.confirm-pricing td{
	width: 125px;
	text-align: right;
}

.confirm-image {
	width: 80px;
	height: 80px;
	border: 1px #cccccc solid;
	margin-bottom: 10px;
	margin-left: 15px;
}

td.confirm-setting-align {
	height: 110px;
}

td.confirm-no-border {
	border-bottom: none!important;
	padding: 0px!important;
}

table.confirm-table {
	border-collapse: collapse;
}

table.confirm-table th {
	color: #3b6583;
	padding-bottom: 8px;
	border-bottom: 1px #cccccc solid;
}

table.confirm-table td {
	padding: 10px 10px;
	border-bottom: 1px #cccccc solid;
}

td.confirm-img{
	width: 140px;
	text-align: center;
}

td.confirm-desc{
	width: 220px;
}

td.confirm-desc label{
	color: #3b6583;
	font-size: 1em;
	font-weight: bold;
}

td.confirm-desc a{
	text-decoration: underline;
}

td.confirm-qty{
	width: 40px;
	text-align: center;
}

td.confirm-gift{
	width: 180px;
	text-align: center;
}

td.confirm-avail{
	width: 150px;
	text-align: center;
}

td.confirm-price{
	width: 70px;
}

/**
 * Home.ctp only
 */ 
#main_banner {
  background: url('/img/banner_main1.jpg');
  color: #3b6583; /* dark blue */
  width: 792px;
  height: 253px;
}
#main_banner .banner-content {
  margin-left: 378px;
  margin-top: 110px;
  margin-right:20px;
  position: relative;
}
#main_banner .banner-content ul{
  margin: 0px;
  padding: 0px;
}
/** middle banners **/
#wedding_banner {
  background: url('/img/wedding_banner.jpg');
  width: 255px;
  height: 147px;
}
#engagement_banner {
  background: url('/img/engagement_banner.jpg');
  width: 255px;
  height: 147px;
}
#jewelry_banner {
  background: url('/img/jewelry_banner.jpg');
  clear: left;
  width: 255px;
  height: 147px;
}
.mid-banners {
  padding-top: 10px;
  margin-bottom: 10px;
}
.mid-banner {
  border: 1px #cccccc solid; /* med grey */
}
.mid-banner ul {
  margin-top:63px;
  padding:0px;
}
/** Info banner (on right) **/ 
.info-banner {
  float: right;
  height: 442px;
  width: 160px;
  background: url('/img/banner_info_blank.jpg') no-repeat;
}
#info_banner {
  float:right;
  margin-right: 20px;
  width: 161px;
  height: 100%;
}
#info_banner ul {
  padding: 0px;
  margin-left: 20px;
  list-style:url('/css/img/infobox_arrow.png') none;
}

#info_banner li {
	margin-bottom: 15px;
	font-size: 1.1em
}

#info_banner_info{  
	margin-top:110px;
	margin-left: 10px;
}

#info_banner_sm{
	padding-top: 10px;
}
#info_banner_sm a{
	margin-left: 6px;
}
#info_banner_sm h1{  
	font-size: 1.6em;
	padding-top:10px;
	margin-bottom:6px;}
	
#info_banner_sm img{
	margin-bottom: 5px;
	
}

#info_banner .topper, #details_sidebar .topper, #ecomm_sidebar .topper {
  background: url('/img/800_number.png') no-repeat center;
  width: 161px;
  height: 40px;
}
#info_banner .content {
  height: 100%;
  width: 160px;
  padding: 5px 10px 5px 0px;
}

#info_banner .twtr-widget {
  margin-top: 10px;
  margin-bottom: 10px;
}

img#moreinfo_logo {
  margin: 5px 5px 10px 10px;
}
img#sm_logo{
	margin-left: 5px;
}

/*eCommerce Sidebar*/

 div#ecomm_sidebar .content {
	margin: 0px 0px 20px 15px;
	width: 160px;
	color: #cccccc;
 }
 
 div#ecomm_sidebar h3 {
	color: #3b6583;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 1.3em;
 }

 div#ecomm_side_detail {
	height: 135px;
	width: 135px;
	padding: 1px 5px;
	background: #CFDCE4;
	color: #3b6583;
	font-size: 0.9em;
 }
 
 div#ecomm_sidebar .content img{
	margin-top: 20px;
	margin-left: -8px;
 }
 
 #ecomm_bar_sm{
	padding-left: 5px;
}
#ecomm_bar_sm a{
	margin-left: 6px;
}
	
#ecomm_bar_sm img{
	margin-left: 5px;
	
}
/*Details Sidebar*/

#details_sidebar, div#ecomm_sidebar {
  float:right;
  margin-right: 20px;
  width: 161px;
  height: 100%;
}


#details_sidebar .image-fix {
  height: auto;
}

div#details_sidebar h3{
	color: #3b6583;
	margin: 0px 0px 20px 15px;
	padding: 0px;
	font-size: 1.3em;
}

div#details_sidebar .content{
  height: 100%;
  width: 160px;
  padding: 5px 10px 5px 0px;
}

/*div#details_sidebar .content>div {
	padding-bottom: 5px;
}*/

div#details_sidebar .content>div p{
	margin-left: 0px;
	margin-top: 3px;
	width: 132px;
	color: #3b6583;
	text-align: center;
	line-height: 18px;
}

div#details_sidebar .view-details {
  color: inherit!important;
}
.similar-items {
	width: 132px;
	height: 190px;
	margin: 15px 15px 3px 15px;
	border: 1px solid #cccccc;
}

/** lower banners **/
/* these widths must add up: */
/* 1000px - 40px (page margin) - 20px (10px margin between) = 940px of total space lower banners can have */
#footer_banners {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 10px;
}





/*#footer_banners > div {
  height: 171px;  just to match banners that are images. see tmp_image_kludge 

}*/
#footer_banners .first {
  width:313px; /* matched jewelery banner above */
  background-image: url('../img/2010-Best-Of-Bethesda-Box.jpg');
}
#footer_banners .second {
  width:313px;
  background-image: url('../img/special_events/September-web-2010-Tacori-small.jpg')!important;  /* --- Temporary bkgd image for sales events. Can change as needed, or can be removed -- */
}
#footer_banners .third  {
  width:314px;
  /*background-image: url('../img/text_handmade.png')!important;   --- Temporary bkgd image for sales events. Can change as needed, or can be removed -- */
    /* background-image: url('../img/special_events/20100618-small-banner-box.jpg')!important;  /* --- Image for new bolt on module July 2010 -- */

}
#footer_banners .second h2{
  font-size: 1.2em;
  margin-bottom:0px;
  font-weight: normal;
}









/**
 * Diamond.ctp
 */ 
#diamonds_page .image-fix {
  height: 80px;
}

/**
 * create_your_own.ctp
 */
.cyo-ring h1 {
  font-size:1.3em
}
.image-pick img {
  display: block;
  margin: 0 auto;
}
.image-pick {
  text-align: center;
}
.image-pick .columns div {
  border: solid 2px white; /* this border is changed via script by applying .image-pick-highlight */
}
.image-pick-highlight {
  background-color: #CFDCE4; /* pale blue  */
  border-color: #CFDCE4!important; 
}

/**
 * earrings.ctp
 */
/* used to keep text aligned below differently sized images */
/* if it turns out 'display box' is always the same, we can make it a more general class. */
#earrings_page .display-box {
  height: 125px;
}
#earrings_page .columns {
  text-align:center;
}
/**
 * wedding.ctp
 */
#wedding_page .main-banner {
  background: url('/img/banner_wed_n_anniv.jpg');
}
/**
 * engagement.ctp
 */ 
#engagement_page .main-banner {
  background: url('/img/banner_engagement_cyo.jpg');
}

/**
 * studs.ctp
 */
#studs_page .main-banner {
  background: url('/img/banner_studs.jpg');
}
#studs_page .columns .first {
  width: 475px;
  margin-right: 10px;
}
#studs_page .columns .second {
  width: 260px;
}
#studs_page input.short {
  width: 3em;
}
/**
 * designers.ctp
 */
#designers_page .main-banner, #designers-2_page .main-banner, #designers-3_page .main-banner{
  background: url('/img/banner_designers.jpg');
}

.designer-halver>div {
	width: 387px;
	height: 180px;
	border: 1px solid #cccccc;
	margin-right: 10px;
	margin-bottom: 15px;
}

.designer-img-container {
	width: 90px;
	float: left;
	padding-right: 20px;
	margin: 8px 0px 8px 8px;
}

.designer-logo {
	/*height: 50px;*/
	margin-bottom: 6px;
}

.designer-img {
	height: 90px;
}

.designer-content {
	width: 263px;
	float: left;
}

.designer-content h3 {
	color: #345e7c;
	margin-top:6px;
	margin-bottom:2px;
}
.designer-content p {
	line-height: 1.2em;
	margin-top:6px;
}

/**
 * diamonds.ctp
 */
#diamonds_page .main-banner {
  background: url('/img/banner_diamonds.jpg');
}

/**
 * fancies.ctp
 */
#fancies_page .main-banner {
  background: url('/img/banner_ideal_fancies.jpg');
}

/**
 * education.ctp
 */
#education_page .main-banner {
  background: url('/img/banner_education.jpg');
}

#edu_banner.landing-banners>div {
  height: 240px;
}

#bracelets_page>div>div>div>img {
	height: 100px;
  text-align: center;
  margin-top: 10px;
}

#bracelets_page>div>div {
	height: 270px;
}


/**
 * the_six_cs.ctp
 */
#sixc_banner.landing-banners>div {
  height: 290px;
}

#education_the_six_cs_page .main-banner, #education_the_six_cs_cut_page .main-banner, #education_the_six_cs_certification_page .main-banner, #education_the_six_cs_color_page .main-banner, #education_the_six_cs_cost_page .main-banner, #education_the_six_cs_carat_page .main-banner, #education_the_six_cs_clarity_page .main-banner {
	background: url('/img/banner_education_6c.jpg');
}

#cut_content{
	margin-top: 10px;
	width: 767px;
	padding: 10px;
}

.cut-dividers>div {
  width: 232px;
  margin: 0px 3px;
  border-right: 1px solid;
  padding: 0px 6px;
  
}

.cut-dividers>div h2{
	color: #3b6583;
	text-transform: uppercase;
	font-size:16px;
	text-align: center;
}

.cut-dividers>div img{
	margin-top: 48px;
}

div#right_cut {
	width: 243px!important;
	border-right: none;
}

div#right_cut img{
	margin-top: 0px;
}
div#cut_quote {
	background: url('/img/banner_6cs_cut_quote.jpg');
	width: 789px;
	height: 59px;
	float:none!important;
}

#diamonds_selection_guide_page .main-banner {
	background: url('/img/banner_education_Guide.jpg');
}


.grade-display {
  text-align: center;
  font-size: 10px;
  margin: 10px 0px;
}
.grade-display td {
  border : 1px solid black;
}
.grade-display .ui-selected {
  background-color : #3b6583; /* dark blue */
  color: white;
}

.grade-caption {
	font-size:9px;!important
	padding-top:0;
	margin-top:0;}

/**
 * inventory.ctp
 */
 
.inventory-banner {
  background: url('/img/banner_for_inventory.jpg') no-repeat;
   color: #3b6583; /* dark blue */
  width: 789px;
  height: 91px;
  float:none!important;
}

/**
 * details_diamond.ctp
 */
 
#details_diamond_page .main-banner {
  background: url('/img/banner_diamond_details.jpg') no-repeat;
  height: 91px;!important
}
#details_stud_page .main-banner, #details_pair_page .main-banner {
  background: url('/img/banner_stud_details.jpg') no-repeat;
  height: 91px;!important
}
.borderless-container {
	width: 789px;
	padding-left: 2px;
}
/**
 * jewelry.ctp
 */
#jewelry_page .main-banner {
  background: url('/img/banner_jewelry.jpg');
}

#jewelry_page>div>div>div {
	margin-bottom: 30px;
}

#jewelry_page>div>div {
	height: 250px!important;
}

#earrings_page .main-banner {
  background: url('/img/banner_jewelry_diam_earrings.jpg');
}

#necklaces_page .main-banner {
  background: url('/img/banner_jewelry_diam_necklaces.jpg');
}

#bracelets_page .main-banner {
  background: url('/img/banner_jewelry_diam_bracelets.jpg');
}

#coloredpreciousgems_page .main-banner {
  background: url('/img/banner_jewelry_color_gems.jpg');
}

#stud_page .main-banner {
  background: url('/img/banner_fine_diamond_pairs.jpg');
}

div#necklaces_page>div>div>div>img {
	margin-top: 20px;
}

/* ----- misc 4 column boxes
.earring-splitter>div {
	width: 167px;
	border: 1px #cccccc solid;    height: 200px;
}

.earring-splitter>div h1{
	text-align: left;
}

.earring-splitter>div>div>img {
	margin-top: 20px;
} --*/

.gem-halver>div {
	width: 367px;
	border: 1px #cccccc solid;    
}
.studs-halver>div {
	width: 360px;
	text-align: left;
	height: 300px;
}

div#gem_diamond_ring {
	width: 370px;
}

#coloredpreciousgems_page>div>div>div {
	margin-top: 15px;
	margin-bottom: 10px;
}

div#gem_third>div {
	height: 250px!important;
}

div#earring_third>div {
	height: 190px!important;
}

/**
 * locations.ctp
 */
#locations_bethesda_page .main-banner {
  background: url('/img/banner_locations.jpg');
}

#locations_falls_church_page .main-banner {
  background: url('/img/banner_locations.jpg');
}

table.gmap-input td{
	vertical-align: middle;
}
/**
 * selection_guide.ctp
 */
#diamonds_selection_guide_page .landing-banners>div {
  height: 300px;
}

div#sel_guide {
	width: 345px;
	height: 160px;
	/*margin: 10px 30px;*/
}

table.sel-shapes td{
	width: 120px;
	text-align: center;
	vertical-align: middle;
}

div#shape_align {
	margin-left: 34px!important;
}

/**
 * Search Page 
 */ 
/* the whole slider, inputs and label */

/*div#search_page{
  background: url('/img/banner_studs_search.jpg') no-repeat;
}*/

.ring-search-banner {
  background: url('/img/banner_cyo_ring.jpg') no-repeat;
}

.pendant-search-banner {
  background: url('/img/banner_cyo_pendant.jpg') no-repeat;
}

/* not used yet.  Little confusing since we originally called stud search stud cyo too */
.stud-cyo-banner {
  background: url('/img/banner_cyo_earrings.jpg') no-repeat;
}

.stud-search-banner {
	background: url('/img/banner_fine_diamond_pairs.jpg') no-repeat;
	/*background: url('/img/banner_studs_search.jpg') no-repeat;
	height: 91px;
	width: 789px;*/
}

.diamond-search-banner {
	background: url('/img/banner_loose_diamonds_search.jpg') no-repeat;
	height: 91px;
	width: 789px;
}

.no-title .ui-dialog-titlebar {
  display:none;
}
.cui-clickable {
  cursor:pointer;
}
.cui-clickable::selection {
  background: transparent;
}
.cui-clickable::-moz-selection {
   background: transparent;
}
#cyd .cui-choosen {
  background-color:#3B6583!important;
  color: white!important;
}
#cyd .cui-highlight { /* for "search categories" at top */
  background-color:#3B6583!important;
  color: white!important;
}
#details_dialog {
  background-color: white;
}

#search_page li.ui-state-disabled {
  display:none;
}
#fancies_page .banner {
	height:310px;
}
#fancies_page .banner p {
	padding-top:0;
	margin-top:0;
	padding-bottom:6px;
	margin-bottom:6px;
}
#cys .banner {
  border: 1px #cccccc solid;
  text-align:center;
  cursor:pointer;
}


#cys .banner-studs {
  border: none;
  text-align:left;
  cursor:pointer;
}
#cys .banner-rings p{font-size:14px;line-height:16px;}

.controls-cyo-ring .inside-banner {
  margin: 0px 10px 0 10px;
  width:200px;
}

.controls-cyo-ring .banner-rings {
  border: none;
  text-align:left;
  cursor:pointer;
  width:286px;
}
.controls-cyo-ring .banner-rings3 {
  width:200px;
}

.controls-cyo-ring .cui-highlight{
  border: solid transparent 3px;
  height: 136px; /* todo: kludge! */
  margin-bottom: 40px;
}

#cys .banner-studs p{font-size:14px;line-height:16px;}

#cys .inventory-display {
  width: 217px;
  padding: 10px; /* to accommodate highlight div */
}

#cys .cui-choosen .cui-highlight {
  border: solid 3px #3b6583; /* dark blue */
}
#cys .ui-selected .cui-highlight {
  border: solid 3px #3b6583; /* dark blue */
}
.cui-highlight {
  border: solid transparent 3px;
  height: 98%; /* todo: kludge! */
}


.controls-cyo-pendant {
  height: 400px;
}

#search_page_help {
  margin: 10px;
  font-style:italic;
}

#search_page_title {
  font-size: 2em;
  margin: 16px;
  color:#355f7d;
}

#search_page .thirds>div {
  width: 220px; /* similar to above (banned-thirds), but meant to be more general. Now minus infor banner space.*/
}

#search_page .thirds .banner-rings{
  width: 250px; 
}




#search_container {
  display: none;
}

/* compare tab, uses 'standard' table class. */
/* first col in table */
#comp {
  overflow: scroll;
}
#compare_table.first {
  color: #525252; /* dark grey (eg, main body text) */
}
#compare_table {
  margin: 10px;
}

.cui-search-slider {
  width:220px;
  float:left;
  margin:10px 17px;
  /*margin-right:20px;*/
}

.cui-search-slider>div.ui-slider-horizontal {
	background-image: url(/img/slider_bar.jpg);
	height: 1.5em;
	border: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

div#cut_slider.cui-search-slider>div.ui-slider-horizontal {
	background: url('/img/cut_slider_bar_divider.jpg') repeat-x;
	height: 1.5em;
	border: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

div#color_slider.cui-search-slider>div.ui-slider-horizontal {
	background: url('/img/color_slider_bar_divider.jpg') repeat-x;
	height: 1.5em;
	border: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

div#clarity_slider.cui-search-slider>div.ui-slider-horizontal {
	background: url('/img/clarity_slider_bar_divider.jpg') repeat-x;
	height: 1.5em;
	border: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

div#clarity_slider {
	/*margin-left: 20px;*/
}
div#carat_slider {
	/*margin-left: 24px;*/
    width:473px!important;
}

div#cut_slider.cui-search-slider>div.legend {
	background: url('/img/slider_cut.jpg') no-repeat;
	width: 230px;
	height: 25px;
	}

div#color_slider.cui-search-slider>div.legend {
	background: url('/img/slider_color.jpg') no-repeat;
	width: 230px;
	height: 25px;
}

div#clarity_slider.cui-search-slider>div.legend {
	background: url('/img/slider_clarity.jpg') no-repeat;
	width: 230px;
	height: 25px;
}

.cui-slider>div {
	/*background: white url(/img/slider_bar.jpg) repeat scroll 0 0;*/
	background: transparent;
}
/*.cui-slider-color>div {
	background: white url(/img/slider_bar_divider.jpg) repeat-x scroll 0 0;
	width: 23px;
}*/

.cui-slider>a.ui-slider-handle {
	background: transparent url('/img/slider_right.png') repeat scroll 0 0;
	height: 27px;
	width: 17px;
	border: none;
}

.template {
  display:none;
}

.cui-label {
  color: #3b6583; /* dark blue */
  margin-bottom: 6px;
  text-transform: uppercase;
}

.cui-handle-left{
	background: transparent url('/img/slider_left.png') no-repeat scroll 0 0!important;
	height: 27px;
	width: 17px;
	border: none;
}

.cui-handle-right{
	background: transparent url('/img/slider_right.png') no-repeat scroll 0 0;
	height: 27px;
	width: 17px;
	border: none;
}

.cui-input {
  width: 50px;
  text-align: center;
  font-size: x-small!important;
}
.cui-slider {
  margin-bottom: 5px;
}
.cui-inputs {
  padding: 0px 10px;
}
.cui-min {
  float: left;
  padding: 0;
  margin:0;
}
.cui-max {
  float: right;
}
.cui-images {
  padding: 0;
}


#cyd .results-display tr {
  cursor:pointer;
}
#cyd .results-display .ui-highlight {
  background-color: #dceaf4!important;
}
#cyd .results-display .ui-highlight.even {
  background-color: #dceaf4!important;
}
  /*
#cyd .results-display .ui-selected {
  background-color: #3b6583;!important;
}
#cyd .results-display .ui-selected.even {
  background-color: #3b6583!important;
}*/

div#shape {
	float:left;
	margin:8px 3px 20px 5px;
	padding-bottom:6px;
}

div#label_shape {
	margin-left: 13px;
  	margin-bottom: 4px;
}

/* this is a bad name todo */
#info_box h1 {
 font-family:Arial,Helvetica,sans-serif;
 font-size : 1.4em;
 font-weight: bold;
}
#info_box {
  width: 140px;
}
/*#info_box  {
  font-size: 10px;
}*/
#info_box dd {
  white-space:nowrap;
}
#info_box .exit {
  cursor:pointer;
}
#info_box_hover {
  font-size: 11px;
  padding: 10px;
  background-color:#CFDCE4; /* pale blue */
  overflow:hidden;
  width: 140px;
}
#info_box_hover dt{
  font-weight:normal;
  color:#6f90ad;
  border-top: 1px #BFD5E2 solid;
}
#info_box_hover dd{
  font-weight:bold;
  color:#3B6583;
  /*padding-bottom: 6px;*/
}

#info_box_hover dl.measure{
  clear:both;
}


#info_box_hover .help{
  clear:both;
}

#info_box_selection {
  width:776px; /* insets INTO background banner image so 1px white border outlines it on right and left */
  height: 160px; /* good idea? keeps stuff from jumping around when we change the content */
  background-color: white;
font-size:12px;
margin-bottom:10px;
margin-left:6px;
margin-top:20px;
}


#info_box_hover dl {
 line-height: 2em;
 margin: 0em 0em;
 width: 100%;
}
#info_box_hover dt {
 padding-left: 4px;
 vertical-align: top;
}
#info_box_hover dd {
 margin-left: 6em;
 margin-top: -2em;
 vertical-align: top;
 text-align: left;
}
#info_box_hover dd.measure{
 margin-top: -2.8em;
  border-bottom: 1px #BFD5E2 solid;
}

/*------------------------------------
CURRENT SELECTION BOX INFO
------------------------------------*/
div#current_selections>div {
	width: 290px;
}

.diamond-picture, .selection-picture{
	width:58px;
	height: 58px;
	margin: 0px 10px 4px 0px;
	border: 1px #cccccc solid;
	float: left;
	padding-left:10px;
}

.diamond-picture>img, .selection-picture>img {
	margin: auto auto;
}

.diamond-content-data, .selection-content-data {
	float: left;
	font-size:11px;
}

.real{margin-left: 10px;padding-top:14px;}

#info_box_selection h1 {
  font-size: 1.2em;
  padding: 2px 10px;
  background-color: #3b6583;
  color: white;
  margin: 0;
  border-top:1px solid #FFFFFF;
}

/* start over link */
#info_box_selection h1 a {
  color:white;
  padding: 10px;
}
#info_box_selection .content {
  padding: 0 10px 10px 0px;
  font-weight:bold;
}

.diamond-selections, .setting-selections {padding: 0 10px;}
.diamond-selections h2, .setting-selections h2 {color: #5B7D98; margin-left: 10px; padding-top:0;}
.diamond-selections p, .setting-selections p {color:#A6A6A6;
display:block;
font-size:12px;!important
margin-top:0;margin-left: 10px;}
.diamond-selections p.step, .setting-selections p.step {font-size:14px !important; font-weight: bold;}


div.cs-links {font-weight:bold; padding-left:20px;}

.cui-paginate {
  font-size: 1.0em;
  margin: 6px 0px;
}
.cui-paginate-prev {
  float: left;
  cursor:pointer;
}
.cui-paginate-next {
  float: right;
  cursor:pointer;
}
.cui-paginate-text {
  text-align: center;
}

.center {
	text-align: center;
}
/* div over results when loading */
#load_blind {
  padding-top: 20px;
  background-color: white;
  text-align: center;
}

ul.ui-widget-header{
	border: none;
	background: none;
}

div.ui-tabs ul.ui-tabs-nav{
	padding:0.2em 0em 0;
	border-bottom:1px solid #CCCCCC;  /* added by jb on 111509 */
}

ul.ui-widget-header li{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-color: white;
	height: 25px;
	
}

.ui-widget-content li.ui-state-active{
	background:#39627f no-repeat scroll 50% 50%;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-family:'Avant Garde',Arial,Helvetica,sans-serif;
	font-size:0.9em;
}

.ui-widget-content li.ui-state-default{
	background:#A6BBCA none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-family:'Avant Garde',Arial,Helvetica,sans-serif;
	font-size:1.0em;
	padding: 0 0.1em 0.1em 0;
}

.ui-widget-content li.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	background:#39627f none repeat scroll 0% 0%;
	height: 13px;
}

.ui-widget-content li.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #FFFFFF;
}


#shape_popup {
  top: 30px;
}

#shape img {
  cursor: pointer;
}

div#search_tabs.ui-widget-content{
	border: none;
	background: none;
	margin:0 8px 0 0;
}

div#search_tabs.ui-widget-content>div{
	padding: 0px;
}

#cyd .results-display table {
  width: 100%;
  border: solid 1px #cccccc; /* light grey - per jb 111509 */
  border-collapse: collapse;
  background-color: white;
}
#cyd .results-display th a {
  color: white!important;
}
#cyd .results-display th {
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #3b6583; /* dark blue */
  color: white;
  font-size: 0.9em;
  margin: 2px 0;
  padding: 2px 0 2px 6px;
  letter-spacing:1px;
}
#cyd .results-display td {
  border-bottom: solid 1px #cccccc; /* light grey - per jb 111509 */
  padding:5px 5px 5px 6px;
  vertical-align:middle;
}
#cyd .results-display tr.even {
  background-color: #EFEFEF; /* pale grey*/
}


.gray-lined{ /*applied to locations pages primarily*/
	border: 1px #cccccc solid;	margin-top: 10px;
	width: 767px;
	padding: 10px;
	overflow: hidden;
}

table.contact-form td{
	padding-left: 10px;
	padding-bottom: 5px;
	text-align: right;
}

table.contact-form label{
	font-weight: bold;
}

table#info_form input{
	width: 250px;
	text-align: left;
}

.gray-lined h3{
	margin: 0;
	color: #3b6583;
	font-size: 16px;
}

.gray-lined h4{
	margin: 0;
	color: #3b6583;
	font-size: 0.9em;
	font-weight: bold;
}

div.blue p {
	color: #3b6583;
}

#rsvp_one {
	width: 140px;
}

#rsvp_two {
	width: 320px;
	padding: 0px 10px;
	margin: 0px 30px;
}

#rsvp_three {
	width: 280px;
	margin: 0px 30px;
	text-align: center;
}

#rsvp_three>input {
	margin-left: 20px;
}

table#rsvp_form input{
	width: 190px;
	text-align: left;
}

table#rsvp_form td{
	vertical-align: middle;
	padding-bottom: 12px!important;
}

table#rsvp_view td{
	vertical-align: middle;
	padding: 0px 10px;
}


.rsvp-btn {
	margin: 50px 62px 10px 62px;
}

#rsvp_form {
	margin-left: 6px!important;
}

.appt-interest-headers {
	text-align: left!important;
	font-weight: bold;
}

tr.custom-ring td {padding-top: 20px;}
tr.diamond-togo td {padding-top: 20px;}
.pref table td {text-align: left!important;}

/**
 * Utility, cheater, experimental
 */ 
.fl {
  float: left;
}
.fr {
  float: right;
}

.lalign {
	text-align: left!important;
}
.ralign {
	text-align: right!important;
}

.malign {vertical-align: middle!important;}

.calign {
	text-align:center!important;
}

.blue {
	color: #3b6583;
}

#similar_thumbnail {
	width: 60px;
	height: 60px;
}

.validator {
	color: red;
	font-style: italic;
}

.cs-links {
	font-size: 1.2em;
	padding-top: 15px;
}

.margin-horz {
	margin: 0px 10px;
}


.cert-container {
	text-align:center;
	margin-bottom: 20px;
	float: none;
}

table.paired-detail th {
	text-align: left;
}

table#stud_verbiage td{
	padding: 0px 5px;
}

div#cyo_stud_set_ctr {
	width:555px!important;
}

div#cyo_stud_dmd_ctr {
	width:180px!important;
}

.invisible {display: none;}

#finance_offer {position: relative; margin-top: 10px; width:165px; height:180px; background:url(/img/special_events/rt-column-financing.jpg) no-repeat;}

/*Datepicker*/

input.pick-date {width: 105px!important; margin-right: 5px;}
div#ui-datepicker-div {font-size: 0.9em!important;}
div.ui-datepicker-header {background: url('/css/img/datepicker_bg.png')!important; border: 1px solid #959FA1!important;}
div#ui-datepicker-div {background: #CFDCE4!important; border: 1px solid #959FA1!important;}
.ui-icon-circle-triangle-w {background: url('/css/img/datepicker-w.png') no-repeat 0% 0%!important;}
.ui-icon-circle-triangle-e {background: url('/css/img/datepicker-e.png') no-repeat 0% 0%!important;}
.event-date {width: 100px!important; margin-right: 10px!important;}

/* columns, with built-in ui-helper-clearfix */
.columns {
 padding-top: 10px;
}
.columns>div {
  float: left;
}
/* clearfix stuff */
.columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.columns { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .columns { height:1%; }
.columns { display:block; }
/* end columns clearfix */


/**
 * Debug
 */
.inventory-dump { margin: 0 auto;}
.cake-debug {color:white!important;background-color:black;}
.cake-debug a {color:white!important}

/**
 * Temporary class for inventory table pages
 */ 
table.delme {
  width: 100%;
  border-spacing: 10px;
}
table.delme td {
  border: 1px #cccccc solid;
  width: 33%;
  text-align: center;
}

/**
 * Handy Edit area style 
 */
.rec-edit input {font-size:110%;}
.rec-edit label {display:block;font-size:small;font-weight:bold;}
.rec-edit .checkbox label {display:inline}
.rec-edit .submit {margin-top:5px}

.banner-studs .rec-edit label {display:block;font-size:16px;font-weight:bold; color:#5b7d98;}
.banner-rings .rec-edit label  {display:block;font-size:16px;font-weight:bold; color:#5b7d98;padding-left:10px;}
.banner-studs .rec-edit p, .banner-rings .rec-edit p  {display:block;font-size:12px; color:#a6a6a6; margin-top:3px;}
.indent30 {margin-left:30px;}   /*generic indent for misc items */