/* $Id: zen.css,v 1.14.2.1 2009/02/13 07:46:04 johnalbin Exp $ */

/** body **/
  body
  {
	margin: 0;
	background: #fff; /* url(images/black-ribbon.png) no-repeat fixed;*/
	font: 14px "Verdana","Helvetica","Tahoma",sans-serif;
	color: #082a59;
  }
#page {
	padding: 10px;
}
/*
Language specific styles
*/
body.th {
	font: 15px "waree","Verdana","Helvetica","Tahoma",sans-serif;    
}
.th #content h1.title    {
    font-family: "norasi";
}
.th ul.menu ul.menu {
	font-size:12px;
}
.th ul.menu {
	font-size:13px;
}
.th div.gallery a {
	font-size:13px;
}
.zh-hant ul.menu ul.menu {
	font-size:14px;
}
.zh-hant ul.menu {
	font-size:15px;
}
.zh-hant div.content {
	font-size:18px;
}
.zh-hant div.gallery a {
	font-size:14px;
}
.zh-hant #node-45 div.content {
	font-size:14px;
}

a {
	text-decoration:none;
	color:#945e18;
}
a:hover {
	text-decoration:underline;
}
/** header **/
  #header
{
	height:130px;
	margin-bottom:5px;
	width:849px;
  }

  #site-name a:link,
  #site-name a:visited
  {
	background:transparent url(images/header.png) no-repeat scroll 0 0;
	display:block;
	height:130px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
  }

/** main (container for everything else) **/
  #main
  {
	background: transparent url(images/content-strip.png) repeat-y scroll 2px 0
  }

  #main-inner
  {
	background:transparent url(images/content-top.png) no-repeat scroll 2px 0;
	padding-top: 10px;
  }

  #main-bottom
  {
	background:transparent url(images/content-bottom.png) no-repeat scroll 1px 0;
	height:34px;
  }
	
#block-locale-0 ul {
    padding-bottom: 8px;
}
#block-locale-0 li {
	list-style-type:none;
	float:right;
	padding-left:10px;
}


/** content **/

.front #content	/*only front page */
  {
	background:transparent url(images/BGDHomePage.jpg) no-repeat scroll 0 100px;
  }

#content h1.title {
	font-size: 30px;
    font-family: "Palatino Linotype";
	font-weight:bold;
	padding-left:9px;
	padding-top:7px;
	border-left:20px solid;
	border-top:3px solid;
	color:#eca240;
	margin-bottom: 15px;
}

input.form-submit {
}

#search input {
	background-color: white;
	font-size:11px;
	border: solid 1px #b9b9c2;
	margin-top: 3px;
	visibility: hidden;	/* no point in the static version */
}

#search input:hover {
	background-color: #eff5ff;
}
#search input[type=text] {
	height:12px;
}

#search input[type=submit] {
	height:16px;
	color: #C2BFB7;
}

#mission /* The mission statement of the site (displayed on homepage) */
  {
	color:#C2BFB7;
	font-family:tahoma,sans-serif;
	font-size:17px;
	font-style:italic;
	margin:2px 20px;
	float:right;  
}

/* Styles for the first page */

div.address	{
	font: 14px "Trebuchet MS","Verdana","Tahoma",sans-serif;
	background:#F7FAFF none repeat scroll 0 0;
	border:1px dotted #5377aa;
	padding:5px 20px;
	margin-top:40px;
}

#product-selector	{
	margin-left:auto;
	margin-right:auto;
}

#product-selector .prod-sel1	{	/* 1 line of text */
	float:left;
	padding:25px 5px 25px 20px;
}

#product-selector .prod-sel2	{	/* 2 lines of text*/
	float:left;
	padding:15px 5px 15px 20px;
}

#product-selector .prod-sel3	{	/* 3 lines of text*/
	float:left;
	padding:5px 5px 5px 20px;
}

#product-selector	td {
	background:transparent url(images/product-button.png) no-repeat scroll 10px 10px;
	height:90px;
	width:250px;
	font-family:arial, sans;
	font-size:13px;
	font-weight:bold;
    line-height:18px;
}

#product-selector	tbody {
	border: none;
}

#product-selector	a {
	color: #247;
}

#product-selector	a:hover {
	color: #003;
	text-decoration:none;
}

#product-selector	img {
	border:none;
	float:left;
	height:65px;
	width:65px;
	margin-left:20px;
	margin-top:2px;

}

/* end styles for table with products */

/*	Styles for contact form page MP */

h3.contact {	/*used for heading such as "Postal address" */
	background-color:#f5deb3;
	border:1px solid #aaa;
	display:inline;
	left:37px;
	padding:5px 15px;
	position:relative;
	top:31px;
	color: #945e18;
}
p.contact, div.contact {	/*used for text such as the postal address itself */
	background-color:#fafcff;
	border:1px solid #aaa;
	margin:20px;
	max-width:550px;
	padding:33px 20px 20px;
}
div.contact input, div.contact textarea {
	background:#FFFFFF url(images/form_bg.png) repeat-x scroll 0 0;
	border:1px solid #aaa;
	padding:2px;
	width:528px;
}
div.contact input#edit-submit {
	background:#FFFFFF url(images/form_btn.png) repeat-x scroll 0 0;
	width:120px;
	height:32px;
	padding: 0;
}
div.contact input#edit-submit:hover {
	background-image:none;
}
div.contact p	{	
	margin-top:0;
}
.contact {

}
.contact .resizable-textarea .grippie {
	background:#eff5ff url(images/grippie.png) no-repeat scroll center 2px;
	border-color:#aaa;
}
/* styles for product pages */
img.prodpage	{
	border:1px solid #aaa;
	padding:5px;
	margin-top:15px;
	margin-bottom:15px;
	background-color:white;
}

img.nopad	{
	padding:0;
}

img.nomargin	{
	margin-top:0;
	margin-bottom:0;
}

img.left	{	
	float:left;
	margin-right: 15px;
}	

img.right	{	
	float:right;
	margin-left: 15px;
}

/* Styles used in the main product page: */
div.gallery	{
	margin-top:20px;
}

div.gallery img {
	float:left;
	margin-right: 15px;
	width: 150px !important;
}
div.gallery p {
	padding-top: 30px;
	margin-top: 0px;
}	
div.gallery a	{
	font-size:11px;
	font-weight:bold;
}
div.gallery a:hover	{
	text-decoration:underline;
}

em	{
	color:#247;
	font-style:normal;
	font-weight:bold;
}
/* end of main product */

/* Style for galleria, in Quality control, tubes page */
div#galleria-out {
	padding:10px;
	border:1px solid #aaa;
	background:#fff;
}
div#galleria {
	position:relative;
	width:565px;
	margin:auto;
	background:#fff;
}
div#galleria a img {
	border:none;
}
div#galleria img {
	width:100%;
	vertical-align:middle;
	}
div#galleria div.posto {
	height:66.6667px;
	width:100px;
	padding:0px;
	background:transparent url(images/MagnifyingGlass.png) no-repeat scroll center center;
	cursor:url(images/MagnifyingGlassCursor.png),default;
	}
div#galleria div.foto {
	border: 1px solid #000;
	position:absolute;
	width:100px;
	background:#eff5ff;
}
div#galleria p.caption {
	margin:5px 20px;
	display:none;
	font-size:13px;
}
div#galleria div#nojs {
	color:#555555;
	left:200px;
	position:absolute;
	top:150px;
	width:300px;    
}

  .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;
  }

  .help /* Help text on a page */
  {
	margin: 1em 0;
  }

  .more-help-link /* Link to more help */
  {
	font-size: 0.85em;
	text-align: right;
  }

  .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;
  }

  #edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */
  {
	display: none;
  }

ul.menu {
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	padding:0;
}

ul.menu li {
	list-style:none;
	padding:0;
	margin:0;
}

ul.menu a {
color:#000;
display:block;
line-height:11px;
padding: 16px 0 18px 13px;
text-decoration:none;
}

ul.menu a:hover {
	background:transparent url(images/menu.png) no-repeat scroll -157px 0;
}

ul.menu a.active {
	background:transparent url(images/menu.png) no-repeat scroll 0 0;
	color:#11326e;
}


/* sub-menus (for products). Has 2 ul: */
ul.menu ul.menu {
	font-family:verdana,arial,sans-serif;
	font-size:11px;
}

ul.menu ul.menu li {
	margin:5px 0;
}

ul.menu ul.menu a {
	display:block;
	margin-left:7px;
	margin-right:11px;
	padding:3px 0 3px 13px;	
}

ul.menu ul.menu a:hover {
	background:transparent url(images/submenu.png) no-repeat scroll -139px 0;
}

ul.menu ul.menu a.active {
	background:transparent url(images/submenu.png) no-repeat scroll 0 0;
	color:#37274f;
}

/** footer **/
  #footer {
  margin-top:10px;
  margin-left:33px;
  }

#footer span.banners	{
	width:80px;
	height:15px;
	margin:0 2px;
	float:left;
	font-size:0;	/* for IE */
	background:#FFFFFF url(images/tinybanners.png) no-repeat scroll 0 0;
}
#footer span.wdd	{
	color: #878f78;
	display:block;
	float:left;
	font-size:10px;
	margin:0 10px;
    width:425px;
    text-align: center;
}
#footer a	{
	text-decoration:none;
	color:#878f78;
}
#footer a:hover	{
	color:#5c6152;
}
#footer span.IE {   /*hides get FF & get Opera */
    background:none;
}

  #footer-message /* Wrapper for the footer message from Drupal's "Site information"
					 and for any blocks placed in the footer region */
  {
  font-size:11px;
  }

/** Drupal nodes **/
  .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 */
  }

  .marker /* "New" or "Updated" marker for content that is new or updated for the current user */
  {
	color: #c00;
  }

  .node.node-unpublished .picture,
  .comment.comment-unpublished .picture
  {
	position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
  }
  .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;
  }

/** Drupal blocks **/
  .block /* Block wrapper */
  {
	margin-bottom: 1em;
  }

.block h2.title { /* Block title */
	font-size:18px;
	padding-left:10px;
  }

  .more-link /* Aggregator, blog, and forum more link */
  {
	text-align: right;
  }

  #user-login-form /* Drupal's default login form */
  {
	text-align: left;
  }

  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;
  }

  .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;
  }

/** Drupal admin tables **/
  /* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
  form tbody
  {
	border-top: 1px solid #ccc;
  }

  form th
  {
	text-align: left;
	padding-right: 1em;
	border-bottom: 3px solid #ccc;
  }

  form tbody th
  {
	border-bottom: 1px solid #ccc;
  }

  form thead th
  {
	text-align: left;
	padding-right: 1em;
	border-bottom: 3px solid #ccc;
  }