/* $Id: main.css,v 1.130.2.15 2009/09/29 07:14:20 avg Exp $ */
/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
.width-100{width:100%;}
th, .head-row {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear-block {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */
/* $Id: html-elements.css,v 1.1.2.2 2009/02/13 19:42:10 johnalbin Exp $ */
/****
 **** HTML ELEMENT STYLING
 ****/
/** fonts **/
  /*
   * Our font size and line height declarations are based on the following ALA
   * article:
   *   http://www.alistapart.com/articles/howtosizetextincss
   *
   * All modern browsrs use a 16px default font size. Specifying the font-size
   * and line-height in ems (relative to the 16px default font) allows the user
   * to resize the font in the browser and produces the most consistent results
   * across different browsers.
   */
  body {
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
}
#page {
	/*
     * To use a 12px font size on the page, delete the 14px declarations.
     * to use a 14px font size on the page, delete the 12px declarations.
     */
    /* Use a 12px base font size with a 16px line height */
    font-size: 12px; /* 16px x .75 = 12px */
	line-height: 17px; /* 12px x 1.333 = 16px */
}
body, caption, th, td, input, textarea, select, option, legend, fieldset {
	/* The following font family declarations are based on the Microsoft core
     * web fonts which are common fonts available on most computer systems. The
     * Bitstream Vera fonts are commonly available on Linux systems where the MS
     * fonts are less common.
     *
     * A user's web browser will look at the comma-separated list and will
     * attempt to use each font in turn until it finds one that is available
     * on the user's computer. The final "generic" font (sans-serif or serif)
     * hints at what type of font to use if the web browser doesn't find any
     * of the fonts in the list.
    font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
    font-family: Times, "Times New Roman", Georgia, "Bitstream Vera Serif", serif;
    font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
    font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
     */
}
pre, code {
	font-size: 1.1em; /* Monospace fonts can be hard to read */
	font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}
/** headings **/
  h1 {
	font-size: 14px;
	line-height: 24px;
	color: #321e15;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
 /* 0.5em is equavalent to 1em in the page's base font.
                             Remember, a margin specified in ems is relative to
                             the element's font-size, not to the pages' base
                             font size. So, for example, if we want a 1em margin
                             (relative to the base font), we have to divide that
                             length by the element's font-size:
                             1em / 2em = 0.5em */
}
h2 {
	font-size: 1.5em;
	line-height: 1.3em;
	margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
	margin-bottom: 0.667em;
}
h3 {
	font-size: 1em;
	line-height: 1em;
	margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
	margin-bottom: 0.769em;
	font-weight:normal;
}
h4, h5, h6 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
	margin-bottom: 0.909em;
}
/** block-level elements **/
  p, ul, ol, dl, pre, table, fieldset, blockquote {
	margin: 1em 0;
}
/** lists **/
  /* standardize list item indentation */
  ul, ol {
	margin-left: 0;
	padding-left: 2em;
}
.block ul, /* Drupal overrides */  .item-list ul {
	margin: 1em 0;
	padding: 0 0 0 2em;
}
ul ul, ul ol,  ol ol, ol ul,  .block ul ul, .block ul ol,  .block ol ol, .block ol ul,  .item-list ul ul, .item-list ul ol,  .item-list ol ol, .item-list ol ul {
	margin: 0;
}
li {
	margin: 0;
	padding: 0;
}
.item-list ul li /* Drupal override */ {
	margin: 0;
	padding: 0;
	list-style: inherit;
}
ul.menu li, /* Drupal override */  li.expanded,  li.collapsed,  li.leaf {
	margin: 0;
	padding: 0;
}
ul {
	list-style-type: disc;
}
ul ul {
	list-style-type: circle;
}
ul ul ul {
	list-style-type: square;
}
ul ul ul ul {
	list-style-type: circle;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style-type: lower-alpha;
}
ol ol ol {
	list-style-type: decimal;
}
dt {
	margin: 0;
	padding: 0;
}
dd {
	margin: 0 0 0 2em;
	padding: 0;
}
/** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */
a {outline:none !important;}
a {
	color: #b03b19;
	text-decoration: none;

}
a:hover,  a:focus {
	color: #5e3a16;
	text-decoration: none;

}
/** tables **/
  /* Override Drupal default CSS */
  table {
	border-collapse: collapse;/* width: 100%; */ /* Prevent cramped-looking tables */
  }
th,  thead th,  tbody th, thead, .head-row {
	text-align: left;
	padding-right: 0;
	border-bottom: 0;
}


tbody {
	border-top: 0;
}
/** abbreviations **/
  abbr {
	border-bottom: 1px dotted #666;
	cursor: help;
	white-space: nowrap;
}
/* Date-based "abbreviations" show computer-friendly timestamps which are not
     human-friendly. */
  abbr.created {
	border: none;
	cursor: auto;
	white-space: normal;
}
/** images **/
  img {
	border: 0;
}
/** horizontal rules **/
  hr {
	height: 1px;
	border:0;
}
/** forms **/
  form {
	margin: 0;
	padding: 0;
}
fieldset {
	margin: 1em 0;
	padding: 0.5em;
}
/* $Id: tabs.css,v 1.2 2008/09/08 02:35:29 johnalbin Exp $ */
/*
 * Tabs CSS
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal6-reference.css, line 510.)
 *
 */
  div.tabs {
	margin: 0 0 5px 0;
}
ul.primary {
	margin: 0;
	padding: 0 0 0 10px;
	border-width: 0;
	list-style: none;
	white-space: nowrap;
	line-height: normal;
	
}
ul.primary li {
	float: left;
	margin: 0;
	padding: 0;
}
ul.primary li a {
	display: block;
	height: 24px;
	margin: 0;
	padding: 0 0 0 5px; /* width of tab-left.png */
	border-width: 0;
	font-weight: bold;
	text-decoration: none;
	color: #777;
	background-color: transparent;
	
}
ul.primary li a .tab {
	display: block;
	height: 20px; /* 24px (parent) - 4px (padding) */
	margin: 0;
	padding: 4px 13px 0 6px;
	border-width: 0;
	line-height: 20px;
	background: url(images/tab-right.png) no-repeat right -38px;
}
ul.primary li a:hover {
	border-width: 0;
	background-color: transparent;
	background: url(images/tab-left.png) no-repeat left -76px;
}
ul.primary li a:hover .tab {
	background: url(images/tab-right.png) no-repeat right -76px;
}
ul.primary li.active a,  ul.primary li.active a:hover {
	border-width: 0;
	color: #000;
	background-color: transparent;
	background: url(images/tab-left.png) no-repeat left 0;
}
ul.primary li.active a .tab,  ul.primary li.active a:hover .tab {
	background: url(images/tab-right.png) no-repeat right 0;
}
ul.secondary {
	margin: 0;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #c0c0c0;
	list-style: none;
	white-space: nowrap;
	background: url(images/tab-secondary-bg.png) repeat-x left bottom;
}
ul.secondary li {
	float: left;
	margin: 0 5px 0 0;
	padding: 5px 0;
	border-right: none;
}
ul.secondary a {
	display: block;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 1px solid #c0c0c0;
	text-decoration: none;
	color: #777;
	background: url(images/tab-secondary.png) repeat-x left -56px;
}
ul.secondary a .tab {
	display: block;
	height: 18px; /* 24px (parent) - 6px (padding) */
	margin: 0;
	padding: 3px 8px;
	line-height: 18px;
}
ul.secondary a:hover {
	background: url(images/tab-secondary.png) repeat-x left bottom;
}
ul.secondary a.active,  ul.secondary a.active:hover {
	border: 1px solid #c0c0c0;
	color: #000;
	background: url(images/tab-secondary.png) repeat-x left top;
}
/* $Id: messages.css,v 1.1.2.2 2009/02/13 07:46:04 johnalbin Exp $ */
/*
 * MESSAGES STYLE
 *
 * Add sensible messages styling.
 */
  div.messages, /* Important messages (status, warning, and error) for the user */  div.status,  div.warning,  div.error {
	min-height: 21px;
	margin: 0 1em 5px 1em;
	border: 2px solid #ff7;
	padding: 5px 5px 5px 35px;
	color: #000;
	background-color: #ffc;
	background-image: url(images/messages-status.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
div.status /* Normal priority messages */ {
}
div.warning /* Medium priority messages */ {
	border-color: #fc0;
	background-image: url(images/messages-warning.png);
}
div.warning,  tr.warning {
	color: #000; /* Drupal core uses #220 */
	background-color: #ffc;
}
div.error /* High priority messages. See also the .error declaration below. */ {
	/* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */
    border-color: #c00;
	background-image: url(images/messages-error.png);
}
div.error,  tr.error {
	color: #900; /* Drupal core uses #200 */
	background-color: #fee;
}
div.messages ul {
	margin-top: 0;
	margin-bottom: 0;
} 
/* $Id: zen.css,v 1.14.2.1 2009/02/13 07:46:04 johnalbin Exp $ */
/*
 * ZEN STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
 * file, but instead copy this CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal6-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of Zen's drupal6-reference.css file
 *   Forum            See line 197 of Zen's drupal6-reference.css file
 *   Menus            See line 667 of Zen's drupal6-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal6-reference.css file
 *   Polls            See line 287 of Zen's drupal6-reference.css file
 *   Search           See line 320 of Zen's drupal6-reference.css file
 *   User Profiles    See line 945 of Zen's drupal6-reference.css file
 */
/** body **/
  body {
	margin: 0;
	padding: 10px;
}
#page {
}
#page-inner {
}
/** header **/
  #header {
}
#header-inner {
}
#logo-title /* Wrapper for logo, website name, and slogan */ {
}
#logo /* Wrapper for logo */ {
	margin: 0;
	padding: 0;
}
#logo-image /* The actual logo image */ {
}
h1#site-name, div#site-name /* The name of the website */ {
	margin: 0;
	font-size: 2em;
	line-height: 1.3em;
}
#site-name a:link,  #site-name a:visited {
	color: #000;
	text-decoration: none;
}
#site-name a:hover {
	text-decoration: underline;
}
#site-slogan /* The slogan (or tagline) of a website */ {
}
#header-blocks /* Wrapper for any blocks placed in the header region */ {
}
/** main (container for everything else) **/
  #main {
}
#main-inner {
}
/** content **/
  #content {
}
#content-inner {
}
#mission /* The mission statement of the site (displayed on homepage) */ {
}
#content-top /* Wrapper for any blocks placed in the "content top" region */ {
}
#content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */ {
}
.breadcrumb /* The path to the current page in the form of a list of links */ {
	padding-bottom: 0; /* Undo system.css */
}
h1.title, /* The title of the page */  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */  h3.title /* Comment title */ {
	margin: 0;
}
div.messages /* Important messages (status, warning, and error) for the user */ {
}
div.status /* Normal priority messages */ {
}
div.warning, tr.warning /* Medium priority messages */ {
/* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
  }
div.error, tr.error /* High priority messages. See also the .error declaration below. */ {
}
div.tabs {
	float:right;
}
div.tabs ul, div.tabs li{
	margin:0; padding:0; list-style:none outside none; line-height:41px;
}
 div.tabs li{
	 padding:0 15px 0 0;
 }
  div.tabs li a{
  font-size:11px;
  text-decoration:none;
  }
.help /* Help text on a page */ {
	margin: 1em 0;
}
.more-help-link /* Link to more help */ {
	font-size: 0.85em;
	text-align: right;
}
#content-area /* Wrapper for the actual page content */ {
	padding:0 30px 40px 0;
}
.front #content-area{padding:0;}
.pager /* A list of page numbers when more than 1 page of content is available */ {
	clear: both;
	margin: 1em 0;
	text-align: center;
}
.pager a, .pager strong.pager-current {
	padding: 0.5em;
}
.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
	margin: 1em 0;
}
#content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
}
/** navbar **/
  #navbar {
}
#navbar-inner {
}
#search-box /* Wrapper for the search form */ {
}
#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
	display: none;
}
#primary /* Primary links */ {
}
#secondary /* Secondary links */ {
}
/** sidebar-left **/
  #sidebar-left {
	line-height: 24px;
}
#sidebar-left-inner {
}
/** sidebar-right **/
  #sidebar-right {
}
#sidebar-right-inner {
}
/** footer **/
  #footer {
}
#footer-inner {
}
#footer-message /* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */ {
}
/** closure **/
  #closure-blocks /* Wrapper for any blocks placed in the closure region */ {
}
/** Drupal nodes **/
  .node /* Node wrapper */ {
}
.node-inner /* Additional wrapper for node */ {
}
.sticky /* A sticky node (displayed before others in a list) */ {
}
.node-unpublished /* Unpublished nodes */ {
/* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }
.node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */  .comment-unpublished div.unpublished {
	height: 0;
	overflow: visible;
	color: #d8d8d8;
	font-size: 75px;
	line-height: 1;
	font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	word-wrap: break-word; /* A very nice CSS3 property */
}
.node-mine /* A node created by the current user */ {
}
.node-teaser /* A node displayed as teaser */ {
}
/* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
  .node-type-page /* Page content node */ {
}
.node-type-story /* Story content node */ {
}
.node h2.title /* Node title */ {
}
.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
	color: #c00;
}
.node .picture /* The picture of the node author */ {
}
.node.node-unpublished .picture,  .comment.comment-unpublished .picture {
	position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}
.node .meta /* Wrapper for submitted and terms data */ {
}
.node .submitted /* The "posted by" information */ {
}
.node .terms /* Node terms (taxonomy) */ {
}
.node .content /* Node's content wrapper */ {
}
.node div.links /* Wrapper for node links */ {
	margin: 1em 0;
}
ul.links /* Taxonomy links, node links, comment links */ {
	margin: 0;
	padding: 0;
}
ul.links.inline {
	display: inline;
}
ul.links li {
	display: inline;
	list-style-type: none;
	padding: 0 0.5em;
}
.preview .node /* Preview of the content before submitting new or updated content */ {
/* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }
/** Drupal comments **/
  #comments /* Wrapper for the list of comments and its title */ {
	margin: 1em 0;
}
#comments-title /* Heading for the list of comments */ {
}
.comment /* Wrapper for a single comment */ {
}
.comment-inner /* Additional wrapper for a single comment */ {
}
.comment-preview /* Preview of the comment before submitting new or updated comment */ {
}
.comment.new /* A new comment since the user last viewed the page. */ {
}
.comment.odd /* An odd-numbered comment in the list of comments */ {
}
.comment.even /* An even-numbered comment in the list of comments */ {
}
.comment.first /* The first comment in the list of comments */ {
}
.comment.last /* The last comment in the list of comments */ {
}
.comment-unpublished /* Unpublished comments */ {
/* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }
.comment-unpublished div.unpublished /* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */ {
}
.comment-published /* Published comments */ {
}
.comment-by-anon /* A comment created by an anonymous user */ {
}
.comment-by-author /* A comment created by the node's author */ {
}
.comment-mine /* A comment created by the current user */ {
}
.comment h3.title /* Comment title */ {
}
.new /* "New" marker for comments that are new for the current user */ {
	color: #c00;
}
.comment .picture /* The picture of the comment author */ {
}
.comment .submitted /* The "posted by" information */ {
}
.comment .content /* Comment's content wrapper */ {
}
.comment .user-signature /* The user's signature */ {
}
.comment div.links /* Wrapper for comment links. See also the ul.links declaration in the node section above. */ {
	margin: 1em 0;
}
.indented /* Nested comments are indented */ {
/* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
  }
.preview .comment /* Preview of the comment before submitting new or updated comment */ {
/* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }
/** Drupal blocks **/
  .block /* Block wrapper */ {
	margin-bottom: 1em;
}
.block.region-odd /* Zebra striping for each block in the region */ {
}
.block.region-even /* Zebra striping for each block in the region */ {
}
.block.odd /* Zebra striping independent of each region */ {
}
.block.even /* Zebra striping independent of each region */ {
}
.region-count-1 /* Incremental count for each block in the region */ {
}
.count-1 /* Incremental count independent of each region */ {
}
.block-inner /* Additional wrapper for block */ {
}
.block h2.title /* Block title */ {
}
.block .content /* Block's content wrapper */ {
}
#block-aggregator-category-1 /* Block for the latest news items in the first category */ {
}
#block-aggregator-feed-1 /* Block for the latest news items in the first feed */ {
}
#block-block-1 /* First administrator-defined block */ {
}
#block-blog-0 /* "Recent blog posts" block */ {
}
#block-book-0 /* "Book navigation" block for the current book's table of contents */ {
}
#block-comments-0 /* "Recent comments" block */ {
}
#block-forum-0 /* "Active forum topics" block */ {
}
#block-forum-1 /* "New forum topics" block */ {
}
#block-menu-2 /* "Primary links" block */ {
}
#block-node-0 /* "Syndicate" block for primary RSS feed */ {
}
#block-poll-0 /* "Most recent poll" block */ {
}
#block-profile-0 /* "Author information" block for the profile of the page's author */ {
}
#block-search-0 /* "Search form" block */ {
}
#block-statistics-0 /* "Popular content" block */ {
}
#block-user-0 /* "User login form" block */ {
}
#block-user-1 /* "Navigation" block for Drupal navigation menu */ {
}
#block-user-2 /* "Who's new" block for a list of the newest users */ {
}
#block-user-3 /* "Who's online" block for a list of the online users */ {
}
/** Drupal boxes **/
  /* Wrapper for Comment form, Comment viewing options, Menu admin, and
   * Search results.
   */
  .box /* Wrapper for box */ {
}
.box-inner /* Additional wrapper for box */ {
}
.box h2.title /* Box title */ {
}
.box .content /* Box's content wrapper */ {
}
/** Miscellaneous Drupal styles **/
  .error /* Errors that are separate from div.messages status messages (see above.) */ {
/* color: #e55; */ /* Drupal core uses a #e55 background */
  }
.warning /* Warnings that are separate from div.messages status messages (see above.) */ {
/* color: #e09010; */ /* Drupal core uses a #e09010 background */
  }
.more-link /* Aggregator, blog, and forum more link */ {
	text-align: right;
}
#user-login-form /* Drupal's default login form */ {
	text-align: left;
}
tr.even /* Some tables have rows marked even or odd. */ {
/* background-color: #eee; */ /* Drupal core uses a #eee background */
  }
tr.odd {
/* background-color: #eee; */ /* Drupal core uses a #eee background */
  }
li a.active /* The active item in a Drupal menu */ {
	color: #000;
}
/** Drupal forms **/
  .form-item, /* Wrapper for a form element (or group of form elements) and its label */  .form-checkboxes,  .form-radios {
	margin: 1em 0;
}
.form-item input.error, /* Highlight the form elements that caused a form submission error */  .form-item textarea.error,  .form-item select.error {
	border: 2px solid #c00;
}
.form-item label /* The label for a form element */ {
	display: block;
	font-weight: bold;
}
.form-item label.option /* The label for a radio button or checkbox */ {
	display: inline;
	font-weight: normal;
}
.form-required /* The part of the label that indicates a required field */ {
	color: #c00;
}
.form-item .description /* The descriptive help text (separate from the label) */ {
	font-size: 0.85em;
}
.form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */  .form-radios .form-item {
	margin: 0.4em 0;
}
.form-submit /* The submit button */ {
}
.container-inline div, .container-inline label /* Inline labels and form divs */ {
	display: inline;
}
.tips /* Tips for Drupal's input formats */ {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
/** OpenID **/
  /* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
  #user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
	margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}
#user-login-form li.openid-link, /* The "Log in using OpenID" links. */  #user-login li.openid-link {
	margin-top: 1em;
	margin-left: -20px; /* Un-do some of the padding on the ul list. */
	padding-left: 20px;
	background-position: left center;
}
#user-login-form li.user-link, /* The "Cancel OpenID login" links. */  #user-login li.user-link {
	margin-top: 1em;
	list-style-type: disc;
	list-style-position: outside;
}
#user-login li.openid-link, /* The OpenID links on the /user form. */  #user-login li.user-link {
	margin-left: -2em; /* Un-do all of the padding on the ul list. */
}
/** Drupal admin tables **/
  /* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
  form tbody {
}
form th {
	text-align: left;
	padding-right: 1em;
}
form tbody th {
}
form thead th, .head-row td{
	text-align: left;
	padding-right: 1em;
}
/* $Id: layout-fixed.css,v 1.5.2.3 2009/02/13 19:20:19 johnalbin Exp $ */
/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */
 .dialog .content{font-size:12px; line-height:17px;}
 .dialog .title h2 {font-weight:normal; color:#5e3a16; font-size:14px; font-family:Verdana, Geneva, sans-serif;}

 ol li {list-style-image:none;}
/* BUTTONS */
.buttons div, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
	_margin: 0 3px 0 0;
    /*font-size:12px;*/
	font-size:10px;
    line-height:100%;
    text-decoration:none;
	background:url(images/custom/button-right.gif) no-repeat right;
    color:#fff4e2;
    cursor:pointer;
	text-transform:uppercase;
	border:0;
    padding:0; /* Links */
	white-space:nowrap;
}

.buttons div a, .buttons div a:link, .buttons div a:visited, .buttons button .button-left{ display:block; background:url(images/custom/button-left.gif) no-repeat left; _padding:4px;  color:#fff4e2; _background-position: left 2px; /* IE6 */}
*:first-child+html button[type] .button-left{ background-position: left 3px; /* IE 7 */}
.buttons div a,  .buttons div a:link, .buttons div a:visited{padding:9px;}
.buttons a.simple-button{ border:0; padding:0;}
.buttons button{
    width:auto;
    overflow:visible;
     padding:0; /* IE6 */
}
.buttons button .button-left{
_padding:8px 4px 10px 6px; /* IE6 */
}
.buttons button[type]{
	padding:0; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button[type] .button-left{     padding:6px 4px 8px 6px; /* Firefox */ margin-left:-3px; }
*:first-child+html button[type]{
    padding:0 3px; /* IE7 */
	margin-left:0;
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    wi/dth:16px; /* Use these if you ever want images in buttons */
    hei/ght:16px;
}
.button-row-right .buttons button, .button-row-right .buttons div{float:right; margin-right:0; margin-left:10px;}
/** body **/
  body {
	  margin: 18px 0px 12px 0px;
	padding: 0px;
	color: #000;
	background-color: #6d3011;
	font-size:12px;
	line-height:17px;
}
#page,  #closure-blocks {
	/*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
	margin-right: auto;
	width: 956px;
}
#page-inner {
	background:#FFF4E2 url(images/custom/chocolopolis-store.jpg) no-repeat left 45px;
}
#navigation-top,  #navigation {
	position: absolute; /* Take the named anchors out of the doc flow    */
	left: -10000px;     /* and prevent any anchor styles from appearing. */
}
#skip-to-nav {
	float: right;
	margin: 0 !important;
	font-size: 0.8em;
}
#skip-to-nav a:link, #skip-to-nav a:visited {
	color: #fff; /* Same as background color of page */
}
#skip-to-nav a:hover {
	color: #000;
	text-decoration: none;
}
/* Alternatively, the skip-to-nav link can be completely hidden until a user tabs
     to the link. Un-comment the following CSS to use this technique. */
  /*
  #skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
  {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  #skip-to-nav a:active, #skip-to-nav a:focus
  {
    position: static;
    width: auto;
    height: auto;
  }
  */
/** header **/
  #header {
}
#header-inner {
}
#header-inner table{
	margin:0;
}
#logo-title {
	background:#FFF4E2;
	padding:5px;
}
#logo {
	background:#FFF4E2;
	border:2px solid #321E15;
	padding:2px;
}
.LogoBox{background:#FFF4E2;
	border:1px solid #321E15;
	text-align:center;
	}
#site-name {
}
div.right {float:right;}
#site-slogan {
}
#header-blocks {
}
/** main (container for everything else) **/
  #main {
}
#main-inner {
}
/** content **/
  #content,  .no-sidebars #content {
	float: left;
	width: 950px;
	margin-left: 0;
	margin-right: -950px; /* Negative value of #content's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}
.sidebar-left #content {
	margin-left:350px;
	margin-right:-956px;
	margin-top:195px;
	width:609px;
}
.front #content {
	width: 764px;
	margin-left: 184px; /* The width of #sidebar-left. */
}
.sidebar-right #content {
	width: 760px;
	margin-left: 0;
	margin-right: -760px; /* Negative value of #content's width + left margin. */
}
.two-sidebars #content {
	width: 560px;
	margin-left: 200px; /* The width of #sidebar-left */
	margin-right: -760px; /* Negative value of #content's width + left margin. */
}
#content-inner {
	margin: 0;
	padding: 15px 5px 0 15px;
}
.sidebar-left #content-inner{padding:15px 0 0 0;}

/** navbar **/
#search_input_div{margin:30px 0;}
.search_input_td{background:#fff; border:1px solid #C2A98B; vertical-align: middle; height: 23px; }
#search_input{border:0;}
.search_button{border:1px solid #B03B19; background:#B03B19; vertical-align:middle;}
.submit_button{padding:0; border:0;}
.border-bottom{border-bottom: 1px solid #968264; padding-bottom:15px; margin-bottom:15px; padding-left:20px;}
.seals{padding-left:20px; float:left;}
#navbar {
	float: left;
	width: 100%;
	margin-left: 0;
	margin-right: -100%; /* Negative value of #navbar's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
	height: 3.6em; /* The navbar can have any arbritrary height. We picked one
                      that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
                      Set this to the same value as the margin-top below. */
}
.with-navbar #content,  .with-navbar #sidebar-left,  .with-navbar #sidebar-right {
	margin-top: 3.6em; /* Set this to the same value as the navbar height above. */
}
#navbar-inner {
}
#minicart a {background:url(images/custom/icon-shopping-bag.png) no-repeat left top; padding:3px 0 0 20px;}
#primary {
	margin-left: 200px; /* Width of search-box */
}
#secondary {
	margin-left: 200px; /* Width of search-box */
}
#navbar ul /* Primary and secondary links */ {
	margin: 0;
	padding: 0;
	text-align: left;
}
#navbar li /* A simple method to get navbar links to appear in one line. */ {
	float: left;
	padding: 0 10px 0 0;
}
/* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */
/** sidebar-left **/
  #sidebar-left {
	float: left;
	width: 350px;
	margin-left: 0;
	margin-right: -350px; /* Negative value of #sidebar-left's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}
#sidebar-left-inner {
	margin: 0;
	padding: 30px;
}
#sidebar-left-inner ul, #sidebar-left-inner li{margin:0; padding:0; list-style:none outside none; font-family:verdana,arial,helvetica,sans-serif;}
#sidebar-left-inner ul li.TertiaryNav {
	list-style-position:inside;
list-style-image:url(https://www.chocolopolis.com/images/subnav/bullet.gif);
padding:0 0 2px;
}
/** sidebar-right **/
  #sidebar-right {
	float: left;
	width: 200px;
	margin-left: 760px; /* Width of content + sidebar-left. */
	margin-right: -960px; /* Negative value of #sidebar-right's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
}
#sidebar-right-inner {
	margin: 0 0 0 20px;
	padding: 0;
}
/** footer **/
  #footer {
	  padding:15px 0 15px 200px;
	border-top:1px solid #7d776f;
}
#footer-inner {
}
.footer_links{float:left; width:124px;}
#narrow.footer_links{width:95px; padding-left:30px;}
.footer_links .title-bar{ font-weight:bold;}
#subscribe.footer_links .title-bar{padding-bottom:5px;}
.footer_links ul, .footer_links li{ margin:0; padding:0; list-style:none outside none;}
.footer_links li a {text-decoration:none;}
/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */ {
}
/** Prevent overflowing content **/
  #header,  #content,  #navbar,  #sidebar-left,  #sidebar-right,  #footer,  #closure-blocks {
	overflow: visible;
	word-wrap: break-word; /* A very nice CSS3 property */
}
#navbar {
	overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
}
  /* If a div.clear-block doesn't have any content after it and its bottom edge
     touches the bottom of the viewport, Firefox and Safari will mistakenly
     place several pixels worth of space between the bottom of the div and the
     bottom of the viewport. Uncomment this CSS property to fix this.
     Note: with some over-large content, this property might cause scrollbars
     to appear on the #page div.
  */
  /*
  #page
  {
    overflow-y: hidden;
  }
  */

#copyright {
margin:16px 23px; padding:0;
}
/* 
*
*
* Individual pages 
*
*
*/
/*
 Home page
*/
#sidebar-left .square{height:184px; border-bottom:2px solid #fff; border-right:2px solid #fff; color:#fff;}
#sidebar-left .dark{ background:#c4beb8;}
#sidebar-left .medium{background:#d3ceca;}
#sidebar-left .light{ background:#e1dfdb; border-bottom:0; }

/*
  Main category page
*/
.products-table td{background:#fff; border:1px solid #968264; text-align:center; width:150px; padding:0;}
.products-table td.spacer{background:none; border:0; width:18px; height:25px;}
.subcat-descr{padding-bottom:10px;}
/*
	pagination mechanism
*/
 .dialog .dialog-search-sort-bar {
float:left;
height:30px;
width:50%;
font-size:11px;
}
.dialog-search-sort-bar .search-sort-title{ color:#5e3a16;}
.search-sort-bar a.up-direction:link,
  .search-sort-bar a.up-direction:visited,
  .search-sort-bar a.up-direction:hover,
  .search-sort-bar a.up-direction:active
{
  padding-left: 14px;
  background: transparent url(images/uarrow.gif) no-repeat left 3px;
}
.search-sort-bar a.down-direction:link,
  .search-sort-bar a.down-direction:visited,
  .search-sort-bar a.down-direction:hover,
  .search-sort-bar a.down-direction:active
{
  padding-left: 14px;
  background: transparent url(images/darrow.gif) no-repeat left 3px;
}
.nav-pages {
	text-align:right;
  white-space: nowrap;
  padding: 0px;
  margin: 0px 0 0 50%;
  height:30px;
  font-size:11px;
}
.nav-pages-title {
  padding-right: 10px;
}
.nav-pages img {
  vertical-align: bottom;
  width: 15px;
  height: 15px;
}
.nav-pages a:link,
  .nav-pages a:visited,
  .nav-pages a:hover,
  .nav-pages a:active
{
  text-align: center;
  text-decoration: none;
}
.nav-pages .left-arrow img {
  background: transparent  url(images/custom/left_arrow_grey.gif) no-repeat left 1px;
}
.nav-pages .right-arrow img {
  background: transparent url(images/custom/right_arrow_grey.gif) no-repeat right 1px;
}
.nav-pages .current-page {
  text-align: center;
  font-weight: bold;
}
.nav-pages .view_all a{ font-weight:bold; text-decoration:underline;
}
tr.seperater td{ border-top:1px solid #968264;; padding-top:15px;}
div.seperater{padding-top:15px; margin-top:15px; border-top:1px solid #968264;}
.product-title{text-decoration:none;}
.image a img, .image a {text-decoration:none; vertical-align:-4px;}
/*
	product page
*/
.image-box{padding:10px 0;}
.details .border-bottom{padding-left:0;}
.product-properties{margin-bottom:10px;}
.product-details{margin-right:125px;}
/*
  Popup window
*/
.popup-modal-bg {
  background: transparent url(images/grey.png) repeat left top;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1000;
}
.popup-window {
  position: absolute;
  background: #FFF8EE none;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  z-index: 1100;
}
.popup-window .popup-bg-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0px none;
  background: white none;
  margin: 0px;
  padding: 0px;
  z-index: 1150;
}
.popup-window .popup-title {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  height: 22px;
 background: #8b857d;
  vertical-align: middle;
  z-index: 1200;
}
.popup-window .popup-title span {
  color: #ffffff;
  font-size: 10px;
  line-height: 22px;
  font-family: verdana, helvetica, sans-serif;
  font-weight: bold;
  padding: 0px 0px 0px 20px;
}
.popup-window .popup-title a:link,
  .popup-window .popup-title a:visited,
  .popup-window .popup-title a:hover,
  .popup-window .popup-title a:active
{
  display: block;
  position: absolute;
  top: 3px;
  right: 5px;
  outline-style: none;
  text-decoration: none;
  width: 16px;
  height: 16px;
}
.popup-window .popup-title img {
  width: 16px;
  height: 16px;
  background: transparent url(images/popup_header_cross.gif) no-repeat left top;
}
.popup-window .popup-content {
  position: absolute;
  top: 24px;
  left: 2px;
  right: 2px;
  bottom: 20px;
  overflow: auto;
  margin: 0px;
  padding: 0px;
  z-index: 1200;
}
.popup-window .popup-frame {
  padding: 5px;
  margin: 0px;
  font-size:12px;
}
.popup-window .popup-footer {
  position: absolute;
  bottom: 2px;
  left: 2px;
  right: 2px;
  background: #f3f5f7 none;
  height: 18px;
  text-align: right;
  z-index: 1200;
}
.popup-window .popup-footer div {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0px;
  right: 0px;
    background: transparent url(images/popup_bottom_arrow.gif) no-repeat 9px 9px;
  cursor: se-resize;
}
.popup-dnd-border {
  position: absolute;
  border: 1px dotted #000000;
  background: transparent none;
  z-index: 1200;
}
.popup-window .popup-border {
  position: absolute;
  line-height: 0px;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
}
.popup-window .popup-t-side {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  border: 0px none;
  border-top: 1px solid #8b857d;
  background: #8b857d none;
  height: 2px;
  cursor: n-resize;
  z-index: 1250;
}
.popup-window .popup-tr-corner {
  right: 0px;
  top: 0px;
  height: 2px;
  width: 2px;
  border-top: 1px solid #8b857d;
  border-right: 1px solid #8b857d;
  background: #8b857d none;
  cursor: ne-resize;
  z-index: 1260;
}
.popup-window .popup-r-side {
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  border-right: 1px solid #8b857d;
  background: #8b857d none;
  width: 2px;
  cursor: e-resize;
  z-index: 1250;
}
.popup-window .popup-br-corner {
  right: 0px;
  bottom: 0px;
  height: 2px;
  width: 2px;
  border-bottom: 1px solid #8b857d;
  border-right: 1px solid #8b857d;
  background: #8b857d none;
  cursor: se-resize;
  z-index: 1260;
}
.popup-window .popup-b-side {
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  border-bottom: 1px solid #8b857d;
  background: #8b857d none;
  height: 2px;
  cursor: s-resize;
  z-index: 1250;
}
.popup-window .popup-bl-corner {
  left: 0px;
  bottom: 0px;
  height: 2px;
  width: 2px;
  border-bottom: 1px solid #8b857d;
  border-left: 1px solid #8b857d;
  background: #8b857d none;
  cursor: sw-resize;
  z-index: 1260;
}
.popup-window .popup-l-side {
  top: 0px;
  left: 0px;
  bottom: 0px;
  height: 100%;
  border-left: 1px solid #8b857d;
  background: #8b857d none;
  width: 2px;
  cursor: w-resize;
  z-index: 1250;
}
.popup-window .popup-tl-corner {
  left: 0px;
  top: 0px;
  height: 2px;
  width: 2px;
  border-top: 1px solid #8b857d;
  border-left: 1px solid #8b857d;
  background: #8b857d none;
  cursor: nw-resize;
  z-index: 1260;
}
.lined_table{border-bottom:1px solid #dedddb;}
/*
Registry fields
*/
.data-required {color:#a23f22;}
.data-name{color:#5e3a16; text-align:right;}
.register-table{ background:#fff8ee; border:1px solid #c2a98b; width:100%;}
.register-table td{padding:2px 5px;}
.register-table td.register-section-title, .head-row td, .head-row th{ color:#fff; background:#c2a98b; padding:5px; font-weight:normal;}

/*
Cart page
*/
.flc-left-dialog{width:50%; border-right:1px solid #c2a98b;}
.right-box-cart{float:right; width:170px;}
.shipping{color:#a23f22;}
.total-value{text-align:right;}
.popup-link img {background:url(images/custom/question.gif) no-repeat; width:20px; height:20px; vertical-align:-7px;}
.register-table td.total-name{white-space:nowrap;}
a.popup-link:focus{color:#B03B19;}
/* clear link */
.dcoupons-clear img {
  background: transparent url(images/delete_cross.gif) no-repeat;
  width: 11px;
  height: 11px;
  vertical-align: middle;
}
table.button-row-right{float:right; margin:0;}
/* 
Wishlist page 
*/
.wishlist-sendlist{float:right;}
/*
  Order invoice
*/
.order-invoice {
}
.invoice-company-icon {
  vertical-align: top;
  padding-top: 30px;
}
.invoice-data-box {
  width: 100%;
  padding-left: 30px;
}
.invoice-data-box table {
  width: 100%;
}
.invoice-data-box table tr td {
  padding: 2px;
  vertical-align: top;
}
.invoice-title {
  font-size: 24px;
}
.invoice-data-box table tr td.invoice-right-info {
  text-align: right;
  vertical-align: bottom;
}
hr.invoice-line {
  margin: 4px 0px 17px 0px;
  border-bottom: 1px solid #7d776f;
}
.invoice-personal-info {
  width: 45%;
  margin-bottom: 15px;
}
.invoice-personal-info tr td {
  padding: 0 5px;
}
.invoice-personal-info tr td strong {
  white-space: nowrap;
}
.invoice-address-box {
  width: 100%;
  margin-bottom: 30px;
}
.invoice-address-title {
  width: 45%;
  height: 25px;
}
td.invoice-line {
  vertical-align: top;
  padding: 0px;
  height: 1px;
}
td.invoice-line img {
  height: 1px;
  width: 100%;
  background: #7d776f none;
}
.invoice-address-box table {
  width: 100%;
}
.invoice-address-box table tr td {
  padding: 0px;
}
.invoice-address-box table tr td strong {
  white-space: nowrap;
}
.invoice-customer-notes {
  padding-top: 30px;
}
.invoice-customer-notes p {
  font-size: 12px;
  text-align: center;
}
.invoice-customer-notes div {
  border: 1px solid #7d776f;
  height: 50px;
  overflow: hidden;
}
.invoice-bottom-note {
  text-align: center;
  padding-top: 20px;
  font-size: 11px;
}
p.invoice-products-title {
  font-size: 14px;
  text-align: center
}
.invoice-products {
  width: 100%;
  background: #7d776f none;
}
.invoice-products tr td,
  .invoice-products tr th
{
  background: #ffffff none;
}
.invoice-products tr th {
  padding: 1px;
  background: #e5e3e0 none;
  white-space: nowrap;
}
.invoice-products tr th.invoice-sku-column,
  .invoice-products tr th.invoice-quantity-column,
  .invoice-products tr th.invoice-total-column
{
  width: 60px;
}
.invoice-products tr th.invoice-tax-column {
  width: 100px;
}
.invoice-products tr th.invoice-price-column {
  width: 100px;
  text-align: center;
}
.invoice-products tr td {
  padding: 3px;
}
.invoice-products tr td.invoice-price-column,
  .invoice-products tr td.invoice-tax-column,
  .invoice-products tr td.invoice-quantity-column
{
  text-align: center;
}
.invoice-products tr td.invoice-product-column span {
  font-size: 11px;
}
.invoice-products tr td.invoice-product-column table tr td {
  vertical-align: top;
}
.invoice-products tr td.invoice-product-column p {
  white-space: nowrap;
}
.invoice-products tr td.invoice-product-column div {
  padding-left: 10px;
  white-space: nowrap;
}
.invoice-products tr td.invoice-price-column {
  text-align: right;
  white-space: nowrap;
}
.invoice-products tr td.invoice-total-column {
  text-align: right;
  white-space: nowrap;
  padding-right: 5px;
}
.invoice-totals {
  width: 100%;
}
.invoice-totals tr td {
  padding: 0px;
}
.invoice-totals tr .invoice-total-title {
  text-align: right;
  width: 100%;
  height: 20px;
}
.invoice-totals tr .invoice-total-name {
  text-align: right;
  width: 100%;
  height: 20px;
  padding-right: 3px;
}
.invoice-totals tr .invoice-total-value {
  text-align: right;
  height: 20px;
  padding-right: 5px;
  white-space: nowrap;
}
.invoice-totals tr .invoice-total-name-fin {
  text-align: right;
  width: 100%;
  height: 25px;
  padding-right: 3px;
  background: #e5e3e0 none;
}
.invoice-totals tr .invoice-total-value-fin {
  text-align: right;
  height: 25px;
  padding-right: 5px;
  background: #e5e3e0 none;
  white-space: nowrap;
}
.invoice-totals tr td.invoice-line {
  height: 1px;
}
.invoice-giftcerts {
  width: 100%;
}
.invoice-giftcerts tr td {
  padding: 0px;
}
.invoice-giftcerts tr th {
  background: #e5e3e0 none;
}
.invoice-giftcerts tr th.invoice-giftcert-id {
  width: 60px;
}
.invoice-giftcerts tr td.invoice-giftcert-id {
  text-align: center;
}
.invoice-giftcerts tr .invoice-giftcert-cost {
  text-align: right;
  white-space: nowrap;
  padding-right: 5px;
}
/*
  Search
  */
.advanced_search_table{width:50%; margin:0 auto;}
.advanced_search_table td {padding:3px;}
.printable {background:#FFF;}
/*
  dialog message container
*/
#dialog-message {
  padding: 15px 0px 20px 0px;
  width: 100%;
}
#dialog-message .box {
  position: relative;
  margin-left: 8%;
  margin-right: 8%;
  border: 1px solid black;
  border-top: 3px solid black;
  padding: 10px 25px 10px 59px;
  vertical-align: middle;
  text-align: left;
  min-height: 32px;
}
#dialog-message a.close-link:link,
  #dialog-message a.close-link:visited,
  #dialog-message a.close-link:hover,
  #dialog-message a.close-link:active
{
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 13px;
  height: 13px;
  text-decoration: none;
}
#dialog-message .close-img {
  width: 13px;
  height: 13px;
  background: transparent url(images/but_cross.gif) no-repeat left top;
}
#dialog-message .message-i {
  color: #112536;
  border-color: #7a97c1;
  background: #f4f5f7 url(images/icon_info.gif) no-repeat 10px 10px;
}
#dialog-message .message-w {
  color: #3e3104;
  border-color: #c3902f;
  background: #f8f7f3 url(images/icon_warning.gif) no-repeat 10px 10px;
}
#dialog-message .message-e {
  color: #590a0a;
  border-color: #d30000;
  background: #f7f3f3 url(images/icon_error.gif) no-repeat 10px 10px;
}
#dialog-message .anchor {
  position: relative;
  margin-left: auto;
  margin-right: 0px;
  height: 15px;
  text-align: right;
  vertical-align: middle;
}
#dialog-message .anchor img {
  width: 12px;
  height: 10px;
  vertical-align: middle;
  background: transparent url(images/goto_arr.gif) no-repeat left top;
}
.dialogtr {
	color: #b86102;
}
/* inline message */
.inline-message {
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  padding: 1px 1px 15px 1px;
  margin: 0px;
}
.inline-message img.icon-w {
  vertical-align: top;
  width: 18px;
  height: 18px;
  background: transparent url(images/icon_warning_small.gif) no-repeat;
}

/*
Login page
*/  overflow: hidden;
  margin-bottom: 20px;
table.product-properties .product-taxed-price {
  color: #383838;
  white-space: nowrap;
  font-weight: normal;
  vertical-align: bottom;
}
.products .buy-now .quantity input {
  vertical-align: middle;
}