/*!
Theme Name: dopto
Theme URI: dopto.co.nz
Author: Egor Polkovnikov
Author URI: http://egor.nz/
Description: Just a WP theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License:
License URI:
Text Domain: dopto
Tags:

dopto is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/* $Id: superfish.css,v 1.1 2010/09/16 00:55:08 martin Exp $ */
/*** ESSENTIAL STYLES ***/
.menu, .menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu {
  line-height: 1.0;
  z-index: 99;
}
.menu ul {
  padding-left: 0 !important;
  position: absolute;
  top: -999em;
  width: 10em; /* left offset of submenus need to match (see below) */
}
.menu ul li {
  width: 100%;
}
.menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}
.menu li {
  float: left;
  position: relative;
}
.menu a {
  display: block;
  position: relative;
}
.menu li:hover ul,
.menu li.sfHover ul {
  left: 0;
  top: 52px; /* match top ul list item height */
  z-index: 99;
}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
  top: -999em;
}
ul.menu li li:hover ul{

  top: 0;
}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
  top: -999em;
}
ul.menu li li li:hover ul {
  top: 0;
}
/*** DEMO SKIN ***/
.menu {
  float: left;
  margin-bottom: 1em;
}
.menu a {
  padding: .75em 1em;
  text-decoration: none;
}
.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color: #13a;
}

.menu li li {
  background: #FFF;
}
.menu li li li {
  background: #9AAEDB;
}
.menu li:hover, .menu li.sfHover,
.menu a:focus, .menu a:hover, .menu a:active {
  background: #FFF;
  outline: 0;
}


/** sub menu level **/
.menu li ul li a > .sf-sub-indicator {

}
ul.menu ul {
margin-top: 52px;
width: auto !important;
background: none;
}
ul.menu ul li {
	margin-left: 0 !important;
	background-image: none;
}
ul.menu ul li a {
  white-space:nowrap;
}


.menu li li {
	background: transparent;

}
.menu li li.first {
	border-top: none;
}
.menu li li a {
}
.menu li li.first a {

}

.menu .menu li li a:hover {
	}
.menu .menu li li.first a:hover {
}
.menu .menu li li.last a:hover {

}
.menu li li a:link, .menu li li a:active, .menu li li a:visited {
	color:#FFFFFF;
}
.menu li li a:hover {
	color:#11B4E9;
}
.menu li li a.active {
	font-weight: normal;
	color:#11B4E9;
}
ul.menu ul li.last a {
	padding-bottom: 5px;
}
/** sub sub menu level **/
ul.menu ul ul {
	margin-top: 0px;
}





/**
 * Generic elements
 */

body {
  margin: 0;
  padding: 0;
  font: 12px/170% Verdana, sans-serif;
  color: #494949;
  margin: 0;
  height: 100%;
  background: white url(assets/img/bodybg.jpg) repeat-x center 107px;
}

input {
  font: 12px/100% Verdana, sans-serif;
  color: #494949;
}

textarea, select {
  font: 12px/160% Verdana, sans-serif;
  color: #494949;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 170%;
}

h2 {
  font-size: 160%;
  line-height: 130%;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 110%;
  text-transform:uppercase;
  padding-bottom:35px;
  padding-left:-5px;
  padding-top:5px;
}

h5 {
  font-size: 110%;
}

h6 {
  font-size: 110%;
}

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  padding: 0;
  font-size: 1em;
  line-height: 1.333em;

}

a:link, a:visited {
  color: #027AC6;
  text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

a:active, a.active {
  color: #027AC6;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

ul {
 /* margin: 0.5em 0 1em;*/
  padding: 0;
}

ol {
  margin: 0.75em 0 1.25em;
  padding: 0;
}

ol li, ul li {
 /* margin: 0.4em 0 0.4em .5em; /* LTR */
}

ul.menu, .item-list ul {
  /*margin: 0.35em 0 0 -0.5em; /* LTR */
padding: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em; /* LTR */
}

ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
 /* margin: 0.15em 0 0.15em .5em; /* LTR */
}

ul.menu li, .item-list ul li, li.leaf {

  list-style:disc;
  margin-left: 35px;
  padding-left:10px;

}
div.clear-block  div.content ul{
	padding-left:30px;
	}

div.content .clear-block ul{
	padding-left:35px;}

ol li {
  padding: 0 0 .3em;
  margin-left: 2em; /* LTR */
}


ul li.collapsed {
  background: transparent url(assets/img/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;

}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0; /* LTR */
}

ol.task-list {
  margin-left: 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}
ol.task-list li {
  padding: 0.5em 1em 0.5em 2em; /* LTR */
}
ol.task-list li.active {
  background: transparent url(assets/img/task-list.png) no-repeat 3px 50%; /* LTR */
}
ol.task-list li.done {
  color: #393;
  background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
}
ol.task-list li.active {
  margin-right: 1em; /* LTR */
}

fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}

dl {
  margin: 0.5em 0 1em 1.5em; /* LTR */
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em; /* LTR */
}

img, a img {
  border: none;
}

table {
  margin: 1em 0;
  width: 100%;
}

thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #6f9dbd;
}

td, th {
  padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background-color: #edf5fa;
}

tr.even {
  background-color: #fff;
}

tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

td.region, td.module, td.container, td.category {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
  border-top-width: 0;
}

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}



.form-button, .form-submit {
  margin: 2em 0.5em 1em 0; /* LTR */
}

#dblog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
  margin: 0;
}

.box {
  margin-bottom: 2.5em;
}

/**
 * Layout
 */
#header-region {
  min-height: 1em;
  background: #fff;
  height:107px;
}

#header-region .block {
  display: block;
}

#header-region .block-region {
  display: block;
  margin: 0 0.5em 1em;
  padding: 0.5em;
  position: relative;
  top: 0.5em;
}

#header-region * {
  display: inline;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
#header-region script {
  display: none;
}

#header-region p, #header-region img {
  margin-top: 0.5em;
}

#header-region h2 {
  margin: 0 1em 0 0; /* LTR */
}




div #logo-floater{
	float:left;
	width:270px;
	height:83px;
	padding-top:30px;
	padding-left:15px;
	}

#wrapper {
  background:url(assets/img/headerbg.jpg) center 107px no-repeat;
  clear: both;
	overflow: hidden;
}

#wrapper #container {
  margin: 0 auto;
  padding: 0 20px;
  width: 960px;
}

#wrapper #container #header {
  height: 107px;
}

#wrapper #container #header #logo-floater {
  position: absolute;
}

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  line-height: 120px;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

#wrapper #container #header h1 span {
  font-weight: bold;
}

#wrapper #container #header h1 img {
  padding-top: 14px;
  padding-right: 20px; /* LTR */
  float: left; /* LTR */
}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars {
  min-width: 960px;
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
  min-width: 960px;
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
  float: left;
  width: 100%;

}

/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
  margin-left: -380px;
}
body.sidebar-right #center {
  margin-right: -380px;
}
body.sidebars #center {
  margin: 0 -380px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 210px;
}
body.sidebar-right #squeeze {
  margin-right: 210px;
}
body.sidebars #squeeze {
  margin: 0 210px;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
  margin: 0 0 5em;
  width: 380px;
  float: left;
  z-index: 2;
  position: relative;
  background:url(assets/img/sidetabbg.png) repeat-x left top;
}


#wrapper #container .sidebar .block {
  margin: 0 0 1.5em 0;
}

#title h2{
	color:#FFFFFF;
	width:300px;
	float:left;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	padding-top:20px;
	padding-left:20px;
	}

.header_nav {
color: #fff;
float: left;
width: 380px;
height: 87px;
text-transform: uppercase;
padding-top: 68px;

}
ul#product_nav {
	list-style:none;
	}
ul#product_nav li {
	list-style:none;
margin-left:0px;
padding-bottom:1px;
color: #fff;
border-bottom: 1px solid #A0D6F4;
}


ul#product_nav li a{
padding-left:20px;
line-height:23px;
color: #fff;
}
ul#product_nav li a {
color: white;
text-decoration: none;
}
ul#product_nav li.contact {
border-bottom: none;
}

ul.tabs{
	padding:0px;
	margin:0;
	}
ul.tabs li{
	background: #A0D6F4;
	width:70px;
	height:30px;
	border-right:#FFF 1px solid;
	padding-left:10px;
	padding-top:5px;
	}

#featTabs li a {
	text-transform:uppercase;}

#featTabs li
 {
	text-decoration:none;}


#featTabs li a.selected {

color: #23408F;

}
.featopt ul li{list-style:none;}
.featopt .tabcontent{background:#A0D6F4;}
.featopt .tabcontent .panel{padding:20px 35px 10px;}
.featopt .tabcontent .panel li{
	list-style:disc;

	line-height:14px;}
.panel li {
margin: 0 2em 1em 0;
}

#sidebar-left .block {
  padding: 0 15px 0 0px;
}

#sidebar-right .block {
    font: 12px/170% Verdana, sans-serif;
    color: #494949;
	padding: 5px 20px 10px;
	font-size: 0.90em;
    line-height: 1.333em;
	background: #A0D6F4;
}
#sidebar-right .block p{
  margin: 0 0 1em 0;}

#block-block-3{
	background:none;
	}
#block-block-3 ul{
	text-transform:uppercase;
	background:none;
}
#block-block-3 ul li{
	padding: 5px 20px;
    border-bottom: 1px solid #A0D6F4;
}

#block-block-3 ul li a{
	color:#FFF;
}

.block .content {
  margin: 0 0 1em 0;
}

#sidebar-left .block-region {
  margin: 0 15px 0 0px; /* LTR */
}

#sidebar-right .block-region {
  margin: 0 0px 0 15px; /* LTR */
}

.block-region {
  padding: 1em;
  background: transparent;
  border: 2px dashed #b4d7f0;
  text-align: center;
  font-size: 1.3em;
}



/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {
  float:left;
  max-width:580px;
}

#wrapper #container #center .right-corner {

}

#wrapper #container #center .right-corner .left-corner {

  min-height: 400px;
}



#wrapper #container .breadcrumb {
  position: absolute;
  top: 15px;
  left: 35px; /* LTR */
  z-index: 3;
}

body.sidebar-left #footer {
  margin-left: -210px;
}

body.sidebar-right #footer {
  margin-right: -210px;
}

body.sidebars #footer {
  margin: 0 -210px;
}

/**
 * Header
 */
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  color: #fff;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em;
}

#wrapper #container #header h1 a:hover {
  text-decoration: none;
}

#wrapper #container .breadcrumb {
  font-size: 0.92em;
}

#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
  color: #529ad6;
}

#mission {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

/**
 * Primary navigation
 */







#tabs-wrapper {
  margin: 0 -26px 1em;
  padding: 0 26px;
  border-bottom: 1px solid #e9eff3;
  position: relative;
}
ul.primary {
  padding: 0.5em 0 10px;
  float: left; /* LTR */
}


/**
 * Nodes & comments
 */
.node {
  margin: 0 -26px ;
  padding: 1.5em 26px;
}

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; /* LTR */

  background-image: none;
}

.node .links, .comment .links {
  text-align: left; /* LTR */
}

.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}

.picture, .comment .submitted {
  float: right; /* LTR */
  clear: right; /* LTR */
  padding-left: 1em; /* LTR */
}

.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right; /* LTR */
}

.terms {
  float: right; /* LTR */
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

#comments {
  position: relative;
  top: -1px;
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -25px 0;
  padding: 0 25px;
}

#comments h2.comments {
  margin: 0 -25px;
  padding: .5em 25px;
  background: #fff url(assets/img/gradient-inner.png) repeat-x 0 0;
}

.comment {
  margin: 0 -25px;
  padding: 1.5em 25px 1.5em;
  border-top: 1px solid #e9eff3;
}

.indented {
  margin-left: 25px; /* LTR */
}

.comment h3 a.active {
  color: #494949;
}

.node .content, .comment .content {
 /*margin: 25px 0 60px;*/
  padding-right:15px;

}

/**
 * Aggregator.module
 */
#aggregator {
  margin-top: 1em;
}
#aggregator .feed-item-title {
  font-size: 160%;
  line-height: 130%;
}
#aggregator .feed-item {
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -31px 1.75em;
  padding: 1.5em 31px;
}
#aggregator .feed-item-categories {
  font-size: 0.92em;
}
#aggregator .feed-item-meta {
  font-size: 0.92em;
  color: #898989;
}

/**
 * Color.module
 */
#palette .form-item {
  border: 1px solid #fff;
}
#palette .item-selected {
  background: #fff url(assets/img/gradient-inner.png) repeat-x 0 0;
  border: 1px solid #d9eaf5;
}

/**
 * Menu.module
 */
tr.menu-disabled {
  opacity: 0.5;
}
tr.odd td.menu-disabled {
  background-color: #edf5fa;
}
tr.even td.menu-disabled {
  background-color: #fff;
}

/**
 * Poll.module
 */
.poll .bar {
  background: #fff url(assets/img/bg-bar-white.png) repeat-x 0 0;
  border: solid #f0f0f0;
  border-width: 0 1px 1px;
}

.poll .bar .foreground {
  background: #71a7cc url(assets/img/bg-bar.png) repeat-x 0 100%;
}

.poll .percent {
  font-size: .9em;
}

/**
 * Autocomplete.
 */
#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #d9eaf5;
  background: #fff url(assets/img/gradient-inner.png) repeat-x 0 0;
}

/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {
  padding: 0 1em 1em;
  background-position: 0 .75em;
  background-color: transparent;
}

*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
  padding-top: 1em;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
  display: inline;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
  padding-left: 2em; /* LTR */
  background: url(assets/img/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
}

html.js fieldset.collapsed legend a {
  background: url(assets/img/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
}

/**
 * Syndication icons and block
 */
#block-node-0 h2 {
  float: left; /* LTR */
  padding-right: 20px; /* LTR */
}

#block-node-0 img, .feed-icon {
  float: right; /* LTR */
  padding-top: 4px;
}

#block-node-0 .content {
  clear: right; /* LTR */
}

/**
 * Login Block
 */
#user-login-form {
  text-align: center;
}
#user-login-form ul {
  text-align: left; /* LTR */
}

/**
 * User profiles.
 */
.profile {
  margin-top: 1.5em;
}
.profile h3 {
  border-bottom: 0;
  margin-bottom: 1em;
}
.profile dl {
  margin: 0;
}
.profile dt {
  font-weight: normal;
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: 1.4em;
  margin-bottom: 0.45em;
}
.profile dd {
  margin-bottom: 1.6em;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
  margin: 0;
  padding: 0;
}

div.admin .left {
  float: left; /* LTR */
  width: 48%;
}
div.admin .right {
  float: right; /* LTR */
  width: 48%;
}

div.admin-panel {
  background: #fff url(assets/img/gradient-inner.png) repeat-x 0 0;
  padding: 1em 1em 1.5em;
}
div.admin-panel .description {
  margin-bottom: 1.5em;
}
div.admin-panel dl {
  margin: 0;
}
div.admin-panel dd {
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: -.2em;
  margin-bottom: .65em;
}

table.system-status-report th {
  border-color: #d3e7f4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
  background: #027ac6;
  color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
  color: #d3e7f4;
}

tr.taxonomy-term-preview {
  opacity: 0.5;
}

tr.taxonomy-term-divider-top {
  border-bottom: none;
}

tr.taxonomy-term-divider-bottom {
  border-top: 1px dotted #CCC;
}

/**
 * CSS support
 */

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/

/**
 * Generic elements.
 */
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}

div.status {
  color: #33a333;
  border-color: #c7f2c8;
}

div.error, tr.error {
  color: #a30000;
  background-color: #FFCCCC;
}

.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #363636;
}

/**
 * dblog.module
 */
tr.dblog-user {
  background-color: #fcf9e5;
}

tr.dblog-user td.active {
  background-color: #fbf5cf;
}

tr.dblog-content {
  background-color: #fefefe;
}

tr.dblog-content td.active {
  background-color: #f5f5f5;
}

tr.dblog-warning {
  background-color: #fdf5e6;
}

tr.dblog-warning td.active {
  background-color: #fdf2de;
}

tr.dblog-error {
  background-color: #fbe4e4;
}

tr.dblog-error td.active {
  background-color: #fbdbdb;
}
tr.dblog-page-not-found, tr.dblog-access-denied {
  background: #d7ffd7;
}
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
  background: #c7eec7;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}


#center .content img {
	/*margin-top:-25px;*/
	}


.block-user{

  width: 210px;
  position: relative;
  margin-right:200px;
  margin-top:220px;
  margin-left:-50px;
	}
.block-user .menu li{
	color:#333;
	}
.block-user .menu li a{
	color:#777;
	}



#block-menu-primary-links .menu {
	margin:0;
	padding:0;
	float: right;
  	text-align: right;
	height:107px;
}
#block-menu-primary-links .menu ul{
	margin-top:55px;
	}
#block-menu-primary-links .menu li{
	background-image: url(assets/img/nav_divider.gif);
	background-repeat: no-repeat;
	background-position: right;
	}

#block-menu-primary-links .menu > li a {
color: #999;
line-height: 107px;
height: 93px;
padding: 45px 35px 0 35px;
margin: 0;
text-decoration: none;
font-size: 15px;
font-weight: normal;
text-transform: uppercase;
}

#block-menu-primary-links .menu ul li{
	background:none;
	}
#block-menu-primary-links .menu ul li a {
    line-height: 30px;
color: #FFF;
text-transform: none;
background:none;
font-size: 14px !important;
padding:10px;
}

#block-menu-primary-links .menu a {
	border: none;
	padding:0.75em 1em;
}

#block-menu-primary-links .menu a:hover
 {
	color:#11B4E9;
	background-color: transparent;
	background-image: url(assets/img/nav_over.gif);
	background-repeat: repeat-x;
	background-position: top;
}




.menu li a.last {
	background:none;
	padding-right:0px;
}
.menu li:first-child a {
	padding-left:15px;
}
.menu li ul li:first-child a {
	padding-left:15px;
}




#block-menu-primary-links ul.menu a:hover, #block-menu-primary-links ul.menu li:hover > a {
	color:#11B4E9;
}

#block-menu-primary-links .menu li .sub-menu li{
	text-align:left;
	background-color: transparent;
	background-image: url(assets/img/sub-nav_BK.png);
	background-repeat: repeat;
    }
#block-menu-primary-links .menu li .sub-menu li:hover{
	background-color: transparent;
	background-image: url(assets/img/sub-nav_BK-active.png);
	background-repeat: repeat;
    }
#block-menu-primary-links .menu li .sub-menu li a:hover{
	background:none;}

#block-menu-primary-links .menu li .sub-menu .li a,
#block-menu-primary-links .menu li .sub-menu .li a:link,
#block-menu-primary-links .menu li .sub-menu .li a:visited {
	line-height: 30px !important;
	height: 30px;
	margin: 0;
	text-decoration: none;
	font-size: 15px;
	font-weight: normal;
	text-transform: capitalize !important;
	font-size: 14px !important;
	padding-top: 0 !important;


}


#block-menu-secondary-links {
	margin-top:-12px;
	background: url(assets/img/tabbg.png) repeat-x left top;
	height:40px;

	}
#block-menu-secondary-links ul.menu{
	width:580px;
	padding:0px;

	}
#block-menu-secondary-links ul.menu li{
	display:inline;
	height:41px;
	float:left;
	list-style:none;
	text-align:center;
	}

#block-menu-secondary-links .menu li a {
	height:25px;
	padding-top:15px;
	text-transform:uppercase;
	text-decoration:none;

	color: #23408F;
	border-right:#FFF 1px solid;

}
#block-menu-secondary-links .menu li a:link {
	color: #23408F;

}


#block-menu-secondary-links .current_page_item{
	background:#FFFFFF;
	font-weight:bold;
	color: #23408F;
	}
#footer {
  line-height: 12px;
    vertical-align: middle;
	text-transform:uppercase;
	font-size: 11px;
	background: #D1D2D4 url(assets/img/footerbg.gif) repeat-x left top;
	padding: 10px 0 0 0;
	height:20px;

}
#f-inner{
	width:960px;
	margin: 0 auto;

	}
#bottom_links{
	float:left;
	width:280px;

	}
#copyright{
	float:left;
	width:300px;

	}
#footer #bottom_links li a {
font-size: 11px;
text-decoration: none;
color: #555;
vertical-align: text-top;
}

ul#product_nav .product_image.invisible {
display: none;
}
.content_text{
	float:left;
	display:inline;
	padding-right:5px;
	}
.home_content_img{
	float:right;
	display:inline;
	width:220px;
	margin-left:8px;
	margin-bottom:8px;
}

.home_imgs
{
	float:right;
	display:inline;
	width:220px;
	height:242px;
	padding:2px;
	border:1px #999 solid;
	margin-left:10px;

	}
.imgs{
	float:right;
	display:inline;
	width:220px;
	height:165px;
	padding:2px;
	border:1px #999 solid;
	margin-left:10px;
	margin-bottom:10px;
	}
.desc{
	float:left;
	width:320px;
	padding-bottom:15px;
	line-height: 1.333em;
	font-size:11px;
	}
.descs{
	float:left;
	padding-bottom:15px;
	line-height: 1.333em;
	font-size:11px;
	}

.content_img{
	float:right;
	width:220px;
	margin-left:20px;
	}
 div#node-18.node {
	 padding-bottom:80px;
	 }


     /* $Id: html-elements.css,v 1.1 2010/05/17 21:36:24 paul 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
       {
         color:#555;
       }

       #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 */

       }

       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;

          */

         font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
       }

       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: 2em;
         line-height: 1.3em;
         margin-top: 0;
         margin-bottom: 0.5em; /* 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: 18px;
         line-height: 22px;
         margin-top: 0; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
         margin-bottom: 0.667em;
         color:#11B4E9;
         font-weight:normal;
       }

       h3
       {
         font-size: 1.3em;
         line-height: 1.3em;
         margin-top: 0; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
         margin-bottom: 0.769em;
         color:#11B4E9;
         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
       {
         margin: 0 0 1em 0;
       }

     /** lists **/
       /* standardize list item indentation */




       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:link  {
         color:#11B4E9;
       }

       a:visited  {
         color:#11B4E9;
       }

       a:hover,
       a:focus
       {
       color:#108CB6;
       }

       a:active
       {
       }

     /** tables **/
       /* Override Drupal default CSS */
       table
       {
         border-collapse: collapse;
         /* width: 100%; */ /* Prevent cramped-looking tables */
       }

       th,
       thead th,
       tbody th
       {
         text-align: left;
         padding-right: 0;
         border-bottom: none;
       }

       tbody
       {
         border-top: none;
       }

     /** 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: 1px solid #666;
       }

     /** forms **/
       form
       {
         margin: 0;
         padding: 0;
       }

       fieldset
       {
         margin: 1em 0;
         padding: 0.5em;
       }

       /*
        * FancyBox - jQuery Plugin
        * Simple and fancy lightbox alternative
        *
        * Examples and documentation at: http://fancybox.net
        *
        * Copyright (c) 2008 - 2010 Janis Skarnelis
        * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
        *
        * Version: 1.3.4 (11/11/2010)
        * Requires: jQuery v1.3+
        *
        * Dual licensed under the MIT and GPL licenses:
        *   http://www.opensource.org/licenses/mit-license.php
        *   http://www.gnu.org/licenses/gpl.html
        */

       #fancybox-loading {
       	position: fixed;
       	top: 50%;
       	left: 50%;
       	width: 40px;
       	height: 40px;
       	margin-top: -20px;
       	margin-left: -20px;
       	cursor: pointer;
       	overflow: hidden;
       	z-index: 1104;
       	display: none;
       }

       #fancybox-loading div {
       	position: absolute;
       	top: 0;
       	left: 0;
       	width: 40px;
       	height: 480px;
       	background-image: url('assets/img/fancybox/assets/img/fancybox/fancybox.png');
       }

       #fancybox-overlay {
       	position: absolute;
       	top: 0;
       	left: 0;
       	width: 100%;
       	z-index: 1100;
       	display: none;
       }

       #fancybox-tmp {
       	padding: 0;
       	margin: 0;
       	border: 0;
       	overflow: auto;
       	display: none;
       }

       #fancybox-wrap {
       	position: absolute;
       	top: 0;
       	left: 0;
       	padding: 20px;
       	z-index: 1101;
       	outline: none;
       	display: none;
       }

       #fancybox-outer {
       	position: relative;
       	width: 100%;
       	height: 100%;
       	background: #fff;
       }

       #fancybox-content {
       	width: 0;
       	height: 0;
       	padding: 0;
       	outline: none;
       	position: relative;
       	overflow: hidden;
       	z-index: 1102;
       	border: 0px solid #fff;
       }

       #fancybox-hide-sel-frame {
       	position: absolute;
       	top: 0;
       	left: 0;
       	width: 100%;
       	height: 100%;
       	background: transparent;
       	z-index: 1101;
       }

       #fancybox-close {
       	position: absolute;
       	top: -15px;
       	right: -15px;
       	width: 30px;
       	height: 30px;
       	background: transparent url('assets/img/fancybox/fancybox.png') -40px 0px;
       	cursor: pointer;
       	z-index: 1103;
       	display: none;
       }

       #fancybox-error {
       	color: #444;
       	font: normal 12px/20px Arial;
       	padding: 14px;
       	margin: 0;
       }

       #fancybox-img {
       	width: 100%;
       	height: 100%;
       	padding: 0;
       	margin: 0;
       	border: none;
       	outline: none;
       	line-height: 0;
       	vertical-align: top;
       }

       #fancybox-frame {
       	width: 100%;
       	height: 100%;
       	border: none;
       	display: block;
       }

       #fancybox-left, #fancybox-right {
       	position: absolute;
       	bottom: 0px;
       	height: 100%;
       	width: 35%;
       	cursor: pointer;
       	outline: none;
       	background: transparent url('assets/img/fancybox/blank.png');
       	z-index: 1102;
       	display: none;
       }

       #fancybox-left {
       	left: 0px;
       }

       #fancybox-right {
       	right: 0px;
       }

       #fancybox-left-ico, #fancybox-right-ico {
       	position: absolute;
       	top: 50%;
       	left: -9999px;
       	width: 30px;
       	height: 30px;
       	margin-top: -15px;
       	cursor: pointer;
       	z-index: 1102;
       	display: block;
       }

       #fancybox-left-ico {
       	background-image: url('assets/img/fancybox/fancybox.png');
       	background-position: -40px -30px;
       }

       #fancybox-right-ico {
       	background-image: url('assets/img/fancybox/fancybox.png');
       	background-position: -40px -60px;
       }

       #fancybox-left:hover, #fancybox-right:hover {
       	visibility: visible; /* IE6 */
       }

       #fancybox-left:hover span {
       	left: 20px;
       }

       #fancybox-right:hover span {
       	left: auto;
       	right: 20px;
       }

       .fancybox-bg {
       	position: absolute;
       	padding: 0;
       	margin: 0;
       	border: 0;
       	width: 20px;
       	height: 20px;
       	z-index: 1001;
       }

       #fancybox-bg-n {
       	top: -20px;
       	left: 0;
       	width: 100%;
       	background-image: url('assets/img/fancybox/fancybox-x.png');
       }

       #fancybox-bg-ne {
       	top: -20px;
       	right: -20px;
       	background-image: url('assets/img/fancybox/fancybox.png');
       	background-position: -40px -162px;
       }

       #fancybox-bg-e {
       	top: 0;
       	right: -20px;
       	height: 100%;
       	background-image: url('assets/img/fancybox/fancybox-y.png');
       	background-position: -20px 0px;
       }

       #fancybox-bg-se {
       	bottom: -20px;
       	right: -20px;
       	background-image: url('assets/img/fancybox/fancybox.png');
       	background-position: -40px -182px;
       }

       #fancybox-bg-s {
       	bottom: -20px;
       	left: 0;
       	width: 100%;
       	background-image: url('assets/img/fancybox/fancybox-x.png');
       	background-position: 0px -20px;
       }

       #fancybox-bg-sw {
       	bottom: -20px;
       	left: -20px;
       	background-image: url('assets/img/fancybox/fancybox.png');
       	background-position: -40px -142px;
       }

       #fancybox-bg-w {
       	top: 0;
       	left: -20px;
       	height: 100%;
       	background-image: url('assets/img/fancybox/fancybox-y.png');
       }

       #fancybox-bg-nw {
       	top: -20px;
       	left: -20px;
       	background-image: url('assets/img/fancybox/fancybox.png');
       	background-position: -40px -122px;
       }

       #fancybox-title {
       	font-family: Helvetica;
       	font-size: 12px;
       	z-index: 1102;
       }

       .fancybox-title-inside {
       	padding-bottom: 10px;
       	text-align: center;
       	color: #333;
       	background: #fff;
       	position: relative;
       }

       .fancybox-title-outside {
       	padding-top: 10px;
       	color: #fff;
       }

       .fancybox-title-over {
       	position: absolute;
       	bottom: 0;
       	left: 0;
       	color: #FFF;
       	text-align: left;
       }

       #fancybox-title-over {
       	padding: 10px;
       	background-image: url('assets/img/fancybox/fancy_title_over.png');
       	display: block;
       }

       .fancybox-title-float {
       	position: absolute;
       	left: 0;
       	bottom: -20px;
       	height: 32px;
       }

       #fancybox-title-float-wrap {
       	border: none;
       	border-collapse: collapse;
       	width: auto;
       }

       #fancybox-title-float-wrap td {
       	border: none;
       	white-space: nowrap;
       }

       #fancybox-title-float-left {
       	padding: 0 0 0 15px;
       	background: url('assets/img/fancybox/fancybox.png') -40px -90px no-repeat;
       }

       #fancybox-title-float-main {
       	color: #FFF;
       	line-height: 29px;
       	font-weight: bold;
       	padding: 0 0 3px 0;
       	background: url('assets/img/fancybox/fancybox-x.png') 0px -40px;
       }

       #fancybox-title-float-right {
       	padding: 0 0 0 15px;
       	background: url('assets/img/fancybox/fancybox.png') -55px -90px no-repeat;
       }

       /* IE6 */

       .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_close.png', sizingMethod='scale'); }

       .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
       .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

       .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/assets/img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
       .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_title_left.png', sizingMethod='scale'); }
       .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_title_main.png', sizingMethod='scale'); }
       .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_title_right.png', sizingMethod='scale'); }

       .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
       	height: expression(this.parentNode.clientHeight + "px");
       }

       #fancybox-loading.fancybox-ie6 {
       	position: absolute; margin-top: 0;
       	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
       }

       #fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_loading.png', sizingMethod='scale'); }

       /* IE6, IE7, IE8 */

       .fancybox-ie .fancybox-bg { background: transparent !important; }

       .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
       .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
       .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
       .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
       .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
       .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
       .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
       .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


.widget-title{display: none;}

#product_nav li:last-child{
    border-bottom: none;
}

#menu-sidebar{float: none; display: block;}
#menu-sidebar > li{display: block; float: none;	list-style: none;
	margin-left: 0px;s

	padding-bottom: 1px;
	color: #fff;
	border-bottom: 1px solid #A0D6F4;}
#menu-sidebar li a{padding: 0; padding-left: 20px;}
#menu-sidebar li a:hover{ background: none;
}
#menu-sidebar li:hover{ background: none;
}


.widget_text .widget-title{	display: block;
	font-size: 12px;
	background: #A0D6F4;
	width: 70px;
	height: 29px;
	border-right: #FFF 1px solid;
	padding-left: 10px;
	color: #23408F;
	padding-top: 7px;
	margin: 0;}
.widget_text{	margin: 0 0 5em;
	width: 380px;
	float: left;
	z-index: 2;
	position: relative;
	background-image: url(assets/img/sidetabbg.png);
    background-repeat: repeat-x;
    background-position: top;
}

.widget_nav_menu{border: none !important;}

.widget_text{
    	margin-top: 3px;
}

#product_nav .widget_text li{border:none;}

.textWidget{    	background-color: #A0D6F4;
    	padding: 20px 35px 10px;text-transform: none !important; color: #555 !important;
}
.textWidget li{color: #555 !important;
list-style: disc !important;line-height: 14px;	margin: 0 2em 1em 0;
}

#footer {margin-top: 30px;}
#footer .menu li {
list-style: none;
padding-right: 8px;
}
#footer .menu a {
	padding: 0;
	text-decoration: none;
}
.content_text h3{margin-top: 2em;}