/* @override http://ideaka.com/main/sites/all/themes/grass/css/style.css?p */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
  background:transparent none repeat scroll 0 0;
  border:0 none;
  font-size:100%;
  font-weight: normal;
  margin:0;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  padding:0;
  vertical-align:baseline;
}
body {
  background: #fff;
  font-family: Helvetica,Arial;
  color: #373737;
  font-size: 12px;
  line-height: 1.5em;
}
#wrapper {
 margin: 0 auto;
 width: 960px; 
}
/*----------basics---------*/
h1,
h2,
h3,
h4,
h5 {
  font-weight: bold;
  color: #e4184d;
  margin-bottom: 15px;
  text-transform: lowercase;

}
h1,
h1 a {
  font-size: 24px;

}
h2,
h2 a {
  font-size: 20px;
}
h3,
h3 a {
  font-size: 15px;
}
a {
  color: #e4184d;
  text-decoration: none;
}
a:hover {
  color: #111;
  text-decoration: underline;
}
p {
  line-height: 22px;
  margin: 15px 0;
}
ul {
  padding: 0 0 0 20px;
}
li {
  list-style-image: url(../images/bullet.jpg);
} 
.clear {
  clear: both;
  height: 5px;
}
input[type=submit] {
  background: #e6e6e6;
  border: 1px solid #ddd;
  color: #444;
  padding: 3px 12px;
  text-transform: uppercase;
  -webkit-border-radius: 10px;
  -moz-border-radius: 15px;
}
input[type=submit]:hover {
  background: #e4184d;
  border-color: #e4184d;
  color: #fff;
  cursor: pointer;
}
input[type=text],
input[type=password],
textarea {
  background: #fff;
  border: 1px solid #ddd;
  padding: 4px;
  margin: 4px 0;
}
textarea {
  font-size: 12px;
  font-family: sans-serif;
}
div.description {
  color: #777;
  font-size: 11px !important;
  padding: 0 5px;
}
/*--------header--------*/
#header {
  background: #fff;
  height: 70px;
  padding: 0 10px;
}
#header a{
  color: #333;
  text-decoration: none;
}
#logo {
  float: left;
  padding: 15px 0 0 10px;
  width: 200px;
}
#logo img {
  float: left;
}
#logo h1#site-name a {
  color: #333;
  font-size: 25px;
  float: left;
  padding: 7px 10px;
  text-transform: uppercase;
}
#logo h1#site-name a:hover {
  color: #e4184d;
}
/*-------navigation-------*/
#nav del.wrap {
  text-decoration: none;
}
#nav {
  float: right;
  text-align: right;
  margin: 30px 0 0;
  width: 700px;
  text-transform: lowercase;
}
#nav ul {
  padding: 0;
}
#nav ul li {
  display: inline;
  font-size: 12px;
  margin: 0 15px 0 0;
  position: relative;
}
#nav ul li a {
  color: #888;
  padding: 4px 10px 6px;
}
#nav ul li a:hover {
  color: #e4184d;
}
#nav ul li.expanded a:hover,
#nav ul li.expanded.sfHover a,
#nav ul li.expanded.sfHover a.active {
    background: #eee;
    -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
}
#nav ul li a.active,
#nav ul li.active-trail a {
	color: #e4184d;
}
#nav ul li.active-trail ul li a {
  color: #333;
}
#nav ul li.expanded ul {
  width: 13em;
  right: 0;
  line-height: 1em;
  color: #fff;
  display: none; /* make sure the submenus aren't visible on load */
  padding: 0;
  position: absolute;
  top: 1.6em;
  z-index: 1200;
}
#nav ul ul li {
  background: #eee;
  display: block;
  margin: 0;
  padding: 3px;
  position: relative;
  width: 12.6em;
  line-height: normal;
  text-align: left;
}
#nav ul ul li a.active,
#nav ul ul ul li a.active {
  background: transparent;
}
#nav ul li.expanded.sfHover ul li a,
#nav ul li.expanded.sfHover ul ul li.expanded.sfHover a,
#nav ul li.expanded.sfHover ul li a.active,
#nav ul li.expanded.sfHover ul ul li.expanded.sfHover a.active
 {
  border: none;
  display: block;
  height: auto;
  padding: 2px 5px;
  text-transform: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#nav li.expanded.sfHover ul li a:hover,
#nav li.expanded.sfHover ul ul li a:hover,
#nav li.expanded.sfHover ul li.expanded.sfHover a:hover,
#nav li.expanded.sfHover ul ul li.expanded.sfHover a:hover {
  background: #e4184d;
  color: #fff;
  padding: 2px 5px;
}
#nav li .expanded ul {
  margin: -1.7em 13em 0 0;
}
#nav ul ul li.first {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
}
#nav ul ul li.last {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
}
/*---------breadcrumb-----------*/
.breadcrumb {
  background: #eee;
  color: #494949;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 0;
  margin: 0 0 20px;
}
.breadcrumb a {
  background: #bbb;
  color: #fff;
  padding: 8px 15px;
  margin: 0 5px 0 0;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-transform: lowercase;
}
.breadcrumb a:hover {
  background: #999;
}
.breadcrumb a.active {
  background: #e4184d;
}
/*---------main------------*/
#main {
  background: #fff;
  clear: both;
  margin: 0;
  padding: 20px;
}
.sidebar #content {
  float: left;
  width: 550px;
}
#sidebar {
  background: #f1f1f1;
  float: right;
  padding: 10px 20px 20px;
  width: 300px;
}
#sidebar a,
.box a {
  color: #444;
  text-decoration: none;
}
#sidebar a:hover,
.box a:hover {
  color: #e4184d;
  text-decoration: underline;
}
/*----------tabs-------------*/
#tabs {
   margin: 0 0 15px 0;
}
ul.tabs.primary {
   background: #fff url(../images/tabsbg.png) no-repeat 0 100%;
  padding: 12px 0 0;  
  margin: 0;
  border: none;
  overflow: hidden;
  line-height: 2em;
}
ul.tabs.primary li a {
  border-color: #ddd;
  background: #e6e6e6;
  color: #888;
  padding: 6px 15px;
  font-size: 10px;
  line-height: 1.8em;
  text-transform: uppercase;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
}
ul.tabs.primary li a:hover {
  background: #ddd;
}
ul.tabs.primary li a.active {
  background: #fff;
  border-color: #eee;
  border-bottom: none;
  color: #e4184d;
}
ul.tabs.primary li a.active:hover {
  background: #fff;
  color: #e4184d;
}
ul.tabs.secondary {
  border: none;
  padding: 7px 0 0;
}
ul.tabs.secondary li {
  border: none;
  padding: 0;
  margin: 0 5px;
}
ul.tabs.secondary li a {
  background: #ddd;
  padding: 3px 10px;
  font-size: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-transform: uppercase;
}
ul.tabs.secondary li a.active {
  background: #e4184d;
  border: none;
  color: #fff;
}
ul.tabs.secondary li a.active:hover {
  background: #e4184d; 
}
/*---------taxonomy---------*/
.info {
  clear: both;
  margin-bottom: 15px;
}
.taxonomy {
  display: inline;
}
.taxonomy ul.links.inline {
  padding: 0;
  display: inline;
}
.taxonomy ul.links.inline li {
  display: inline;
}
.taxonomy ul.links.inline li:after {
  content: ",";
}
.taxonomy ul.links.inline li.last:after {
  content: "";
}

.date {
  background: #e4184d;
  color: #fff;
  display: block;
  float: left;
  font-size: 11px;
  margin: 0 10px 5px 0;
  text-transform: uppercase;
  width: 50px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.date .month,
.date .day,
.date .year {
  display: block;
  text-align: center;
}
.date .day {
  background: #eee;
  color: #e4184d;
  font-size:  25px;
  font-weight: bold;
  padding: 2px 0;
}
/*-------- teaser view --------*/
.teaser-view {
  border-bottom: 1px solid #eee;
  padding: 0 0 15px 0;
  margin: 0 0 30px 0;
}
.teaser-view h2 {
	margin-bottom: 5px;
}
.submitted {
  margin-bottom: 10px;
}
.links ul.links.inline {
  color: #555;
  padding: 0;
  margin: 15px 0;
}
.links ul.links.inline li {
  display: inline;
  margin: 0 10px 0 0;
  font-size: 11px;
  text-transform: uppercase;
}
.links ul.links.inline li a {
  background: #e6e6e6;
  padding: 4px 10px;
  text-decoration: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.links ul.links.inline li a:hover {
  background: #e4184d;
  color: #fff;
}
/*---------pager----------*/ul.pager {
  background: #e6e6e6;
  padding: 3px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
ul.pager li {
  margin: 0;
  padding: 0;
}
ul.pager li a {
  text-decoration: none;
  padding: 5px;
}
ul.pager li a:hover {
   background: #fff;
}
/*----------comments--------*/
#comments {
border-top:1px solid #EEEEEE;
margin:5px 0;
padding:15px 0 0;
}
.comment {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background:#EEEEEE;
margin:15px 0;
padding:15px;
position:relative;
}
.comment.odd {
  background:#F4F4F4;
}
.comment h4 {
  font-size: 14px;
  margin-bottom:5px;
  width:90%;
}
.comment p {
  margin:15px 0;
}
.comment ul.links {
  padding:0;
}
.comment ul.links li {
  display:inline;
  margin:0 10px 0 0;
}
.comment ul.links li a {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background:#DDDDDD;
  font-size:11px;
  padding:3px 10px;
  text-decoration:none;
  text-transform:uppercase;
}
.comment ul.links li a:hover {
  background:#e4184d;
  color:#FFFFFF;
}
.comment .new {
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  background:#e4184d;
  color:#FFFFFF;
  padding:5px 15px;
  position:absolute;
  right:0;
  top:0;
}

/*---------block--------*/
label {
  font-weight: normal !important;
}
.block {
  margin: 10px 0;
}
#sidebar #search-block-form input[type=text] {
  float: left;
  margin: 0 10px 0 0;
  width: 68%;
}
#sidebar #user-login-form label {
  float: left;
  padding: 6px 0 0;
  margin: 0 12px 0 0;
}
#sidebar #user-login-form input[type=text],
#sidebar #user-login-form input[type=password] {
  width: 69%;
}
#sidebar #user-login-form input[type=submit] {
  float: right;
}
#sidebar #user-login-form ul li {
  font-size: 11px;
  margin: 0 0 0 80px;
  list-style: none;
  text-align: left;
}
#content {
  position: relative;
}
/*--------products----------*/
#image-holder {
  float: left;
  width: 504px;
}
#information {
  float: right;
  width: 300px;
}
#information h1 {
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.adtl {
  border-top: 1px solid #eee;
  margin: 15px 0 0 0;
  padding: 15px 0 0;
}
.similar {
  margin: 20px 20px 0 0;
}
.adtl h5,
.similar h5 {
  border-top: 1px solid #eee;
  color: #333;
  padding: 10px 0;
  font-size: 13px;
  margin-bottom: 0px;
  letter-spacing: 0;
}
.adtl a.thumbs,
.similar a { 
  margin: 0 5px 0 0;
  opacity: 0.8;
}
.adtl a.thumbs:hover,
.similar a:hover {
  opacity: 1;
}
.similar .teaser-view {
  border: none;
    margin: 0 5px 0 0;
  padding: 0;
  width: auto;
  float: left;
}
ul.custom-pager {
  position: absolute;
  top: -44px;
  right: 5px;
}
ul.custom-pager li.key {
  display: none;
}
ul.custom-pager li {
  margin: 0;
}
ul.custom-pager li a {
  background: #bbb;
  color: #fff;
  padding: 8px 15px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-transform: lowercase;
}
ul.custom-pager li a:hover {
  background: #999;
}
#page-front table {
  background: transparent;
  border: none;
  margin: 0;
}
#page-front h2.pane-title {
  padding: 35px 0 0 25px;
  margin-bottom: 0;
}
#page-front td{
  background: transparent !important;
  border: none;
  padding: 5px 10px 0 0;
}
#page-front #node-page-11 {
  padding: 10px 25px;
  line-height: 1.5em;
}
table.views-view-grid {
  background: transparent;
  border: none;
}
table.views-view-grid tbody {
  border: none;
}
table.views-view-grid td {
  background: #fff;
  border: none;
}
table.views-view-grid td a {
  color: #333;
  display: block;
  font-size: 14px;
  text-align: center;
  opacity: 0.9;
}
table.views-view-grid td a:hover {
  color: #e4184d;
  opacity: 1;
  text-decoration: none;
}
.view-mosaic a {
  opacity: 0.9;
}
.view-mosaic a:hover {
  opacity: 1;
}
#page-products .panel-pane {
  margin: 0 0 40px 0;
}
/*-------bottom boxes--------*/
#boxwrapper {
  clear: both;
  padding: 30px 0 0;
}
#boxwrapper .box {
  float: left;
  padding: 0 30px;
  width: 265px;
}
#boxwrapper .box li {
  list-style-image: url(../images/bullet.jpg) !important;
}
#boxwrapper .box.left {
  padding-left: 0;
}
#boxwrapper .box.right {
  padding-right: 0;
}
#boxwrapper .box.middle {
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
}
/*---------footer------*/
#footer {
  background: #fff;
  color: #555;
  font-size: 10px;
  padding: 10px 20px;
  text-align: center;
}
#footer a {
  color: #555;
  text-decoration: none;
}
#footer a:hover {
  color: #111;
}
#footer ul li {
  display: inline;
  margin: 0 10px;
}
.admin-panel .body ul.menu {
  line-height: 1.2em;
  list-style: none;
  padding: 5px 5px 5px 0;
}
.admin-panel .body ul.menu li.leaf a,
.admin-panel .body dl.admin-list dt a,
.admin-panel .item-list ul li a {
  background: #eee;
  color: #333;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}
.admin-panel .body ul.menu li.leaf a:hover,
.admin-panel .body dl.admin-list dt a:hover,
.admin-panel .item-list ul li a:hover {
  background: #ddd;
  border: none;
  color: #000;
}
.admin-panel h3 {
  background: #e4184d;
  color: #fff;
  font-size: 12px;
  margin: 0;
  padding: 4px;
  text-align: center;
  text-transform: uppercase;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.admin-list dd,
.node-type-list dd {
  border-bottom: 1px dotted #ddd;
  color: #555;
  margin-bottom: 15px;
  padding: 10px 5px 15px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}
.admin-panel p.description,
.admin-panel .body dl.admin-list dd {
  border: none;
  color: #555;
  font-size: 11px;
  padding: 5px 0;
}
.admin-panel .body dl.admin-list dd {
  background: #eee;
  padding: 0 10px 10px;
  margin: 0 0 10px;
}
.admin-list a,
.node-type-list a {
  color: #e4184d;
  text-transform: uppercase;
}
.admin-list a:hover,
.node-type-list a:hover {
  color: #333;
  text-decoration: none;
}
.admin-panel .item-list {
  margin: 0 0 10px 0;
}
.admin-panel .item-list ul{
  padding: 0;
}
.admin-panel ul li{ 
  list-style: none;
  margin-left: 0;
}
.admin-panel .item-list ul li a {
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}
.compact-link {
	margin: 0 5px 10px;
}
fieldset {
  background: #f1f1f1 none repeat scroll 0 0;
  font-size: 11px;
  line-height: 1.5em;
  margin: 10px 5px;
  padding: 4px 10px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
fieldset fieldset {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E5E5E5 none repeat scroll 0 0;
}
fieldset fieldset fieldset {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D9D9D9 none repeat scroll 0 0;
}

fieldset .fieldset-title {
  color: #333;
  text-transform: uppercase;
  margin-bottom: 10px;
}
fieldset.collapsible .fieldset-title  {
  cursor: pointer;
}
html.js fieldset.collapsed {
  background: #e4184d;
  height: 1.5em;
  padding: 5px 9px;	
  margin-bottom: 10px;
}
fieldset.collapsible.collapsed  .fieldset-title {
  color: #fff;
  margin-bottom: 0;
}
.form-item {
  margin: 5px 0;
}
html.js fieldset.collapsed * {
	display: block;
}
fieldset.collapsible.collapsed .fieldset-body {
  display: none;
}
html.js fieldset.collapsible .fieldset-wrapper {
 overflow:auto;
}
.container-inline fieldset {
  padding: 10px;
  margin: 10px 0;
}
table {
  background: #f1f1f1;
  border: 1px solid #eee;
  color: #333;
  font-size: 11px;
  margin: 5px 0;
  width: 100%;
}
table th,
table td {
  background: #f5f5f5;
  border: 1px solid #DDDDDD;
  padding: 7px;
  vertical-align: middle;
}
table td.region {
  background: #eaeaea;
}
table th.select-all,
table td .form-item {
  text-align: center;
}
table td.block {
  padding: 8px;
}
thead th,
thead th a {
  background: #eaeaea;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
tr th a {
  color: #111;
  text-transform: uppercase;
}
table tbody tr.odd td {
  background: #fff;
  border: 1px solid #DDDDDD;
}
table tbody tr.even {
  border: none;
}
div.error,
div.warning,
div.status {
  background: #f1f1f1;
  border: none;
  line-height: 1.4em;
  margin: 0 0 15px 0;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.help {
  color: #444;
  margin: 10px 5px;
}
.help .more-help-link {
  text-align: right;
}
/*-------vertical tabs support---------*/
.vertical-tabs {
  border-color: #ddd;
  margin: 0 5px 10px;
  padding: 0 0 0 179px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.vertical-tabs fieldset{
  background: transparent;
}
.vertical-tabs .fieldset-title {
  font-size: 12px;
  margin: 10px 5px;
}
.vertical-tabs ul.vertical-tabs-list li,
.vertical-tabs ul.vertical-tabs-list li a {
  border-color: #ddd;
  list-style: none;
}
.vertical-tabs ul.vertical-tabs-list a strong {
  color: #333;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
}
.vertical-tabs ul.vertical-tabs-list a .summary {
  color: #666;
}
ul.vertical-tabs-list,
ul.vertical-tabs-list li.first,
ul.vertical-tabs-list li.first a {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
}
ul.vertical-tabs-list,
ul.vertical-tabs-list li.last,
ul.vertical-tabs-list li.last a {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}
.view-mosaic2 .views-field-field-image-cache-fid {
  float: left;
  width: 505px;
}
.view-mosaic2 .views-field-title {
  float: right;
  margin: 20px 0;
  width: 390px;
}