@import "reset.css";        

/** for DEV purposes only **/
.outline {outline: 1px solid red;}
div.temp {outline: 1px solid #dfdfdf; text-align: center;}
h4.temp {margin-top: 105px; color: #cbcbcb;}

/* C L E A R  F I X */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

/** site-wide **/
.hidden {display: none;}
button, object, embed {	margin: 0; padding: 0;	border: 0;}
a {color: #464646;} 
a:active {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
a, input { -moz-outline:0; outline:0; text-decoration: none;}
:focus {outline: 0;}
::-moz-selection{background:#e5f3bb;color:#666;}
::selection{background:#e5f3bb;color:#666;}

html {background-color: #fff;}
body {background-color: #fff; color: #464646; font-family: arial, helvetica, sans-serif; font-size: 0.8em;	text-align: center; }
div#container {width: 923px; margin: 0 auto 0 auto; padding-bottom: 120px;	text-align: left; position: relative;}
th {font-weight: bold;}
strong {font-weight: bold;}
br.clear, div.clear {clear: both; font-size: 0; line-height: 0;}
div#footer {background-color: #fff;	text-align: left; clear:both;  color: #666;}
div#footer-copyright {float: left;	margin: 25px 0 0 233px; display: inline; font-size: 10px;}
div#footer-links {float: right;  padding-top: 25px; font-size: 10px;}
div#footer-links li {display: inline;}
div#footer-links a {text-decoration:none; color: #666; padding: 4px;}
div#footer-links a:hover {color: #333;}

div#introduction {background: #e5f3bb; position: fixed; top: 0px; left: 0px; display: block; cursor: pointer; height: 100%; width: 100%; z-index: 10000;}
div#introduction a{display:block;left:50%;margin:-48px 0 0 -170px;position:absolute;top:50%;}
div#introduction a img {float: left; margin-right: 10px;}


a.header {display: block;}
a.header img{float:right;padding:0;margin:0;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5}
a.header:hover img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1}

a.header:hover h3 em, a.header:hover h4 em {background-color: #e5f3bb;}
.content_area {display: inline; float: left; overflow: hidden; margin: 0; position:relative; padding:0; margin-left: 10px; width: 223px; height: 223px;} 
.content_area img {display: inline;}
.content_area h3 {font-size:22px; color: #666;}

.content_area_noheight {display: inline; float: left; overflow: hidden; margin: 0 0 10px 0; position:relative; padding:0; margin-left: 10px;}
.largerfont, .largerfont p {font-size:13px!important;}
.topborder {border-top:1px solid #AAA;}
.relatedproducts {margin-top:10px;padding-top:10px;}
.relatedproducts img {width:100px;}
.relatedproducts a {font-size:12px!important;}
.relatedproducts .product {width:115px!important; text-align:center;}

.project h3.project-title {font-size: 14px; color: #888;}
.cropped-project-image {overflow: hidden; height: 147px;}
.content_area h3.bold {font-size: 15px; color:#555; font-weight: bold; margin: 0; display: inline;}
.arrow {padding-right: 17px; display: inline; background: url('../images/right-arrow.jpg') right center no-repeat;}
.content_area p {margin-bottom: 7px;}
.content_area ul.list {margin: 20px 0;}
.content_area ul.list h4 { margin-bottom: 5px;}
h4 i {font-style: normal; font-weight: normal; color: #888;}
.content_area ul.list li { padding: .2em 0 .2em 17px; background: url('../images/right-arrow.jpg') left center no-repeat;}
.content_area ul.bottom {margin-bottom: 20px;}

.content_area ul.section-nav { border-top: 1px solid #a8a8a8;}
.content_area ul.section-nav li {font-weight: normal; border-bottom: 1px solid #cfcfcf; font-size: 11px;}
.content_area ul.section-nav li a {position: relative; padding: 7px 0px 6px 6px; display: block; text-decoration: none; color:#666;}
.content_area ul.section-nav li a:hover,  
.content_area ul.section-nav li a.selected {background: #e5f3bb; color:#444;}
.content_area ul.section-nav li a span {position: absolute; right: 6px;}
.content_area ul.section-nav ul { border-top: 1px solid #cfcfcf; padding: 3px 0;}
.content_area ul.section-nav ul li {border: 0;}
.content_area ul.section-nav ul li a {position: relative; padding: 0px 0px 3px 12px; display: block; text-decoration: none; color:#666;}

.slideshow {display: block;}

ul.values {margin-top: 10px;}
ul.values li {float: left; width: 211px; background-color: #e5f3bb; height: 104px; font-size: 19px; display: block; margin: 0px 7px 7px 0; opacity: 0.6;filter:alpha(opacity=60);padding: 5px;}
ul.callouts li {float: left; width: 211px; background-color: #edebe8; font-size: 19px; display: block; margin-right: 7px; margin-bottom: 7px; opacity: 0.6;filter:alpha(opacity=60); padding: 5px;}
ul.serve-callouts li {float: left; width: 211px; background-color: #edebe8; font-size: 18px; display: block; margin-right: 7px; margin-bottom: 7px; opacity: 0.6;filter:alpha(opacity=60); padding: 5px;}
ul.small_callouts li {float: left; width: 215px; height: 42px; background-color: #edebe8; font-size: 16px; display: block; margin-right: 7px; margin-bottom: 7px; opacity: 0.6;filter:alpha(opacity=60); padding: 3px;}
ul.design_callouts {overflow: hidden; margin-top: 10px;}
ul.design_callouts li {float: left; width: 215px; overflow: hidden;  height: 74px; background-color: #edebe8; font-size: 14px; display: block; margin-right: 9px; margin-bottom: 10px; opacity: 0.6;filter:alpha(opacity=60); padding: 3px;}
.design_callout {display: inline; float: left; overflow: hidden; margin: 0; position:relative; padding:0; margin-left: 10px;background-color: #edebe8; margin-bottom: 10px;font-size: 14px; width: 217px; height: 100px; opacity: 0.6;filter:alpha(opacity=60); padding: 3px;}

ul.hover li {opacity: 0.6;filter:alpha(opacity=60);}
ul.hover li:hover {opacity: 1.0;filter:alpha(opacity=100);}

ul.values li:hover, ul.callouts li:hover, ul.small_callouts li:hover, ul.design_callouts li:hover, .design_callout:hover {opacity: 1.0;filter:alpha(opacity=100);}
h4.light {font-size: 14px; color:#464646;}
h4 {font-size: 14px; color:#464646; font-weight: bold;}
h4 a {background: #e5f3bb; color:#444;}
.span_two {width: 457px;}
.top {margin-top: 4px; margin-bottom: 10px;}
.nomargin {margin-left: 0px;}
.light {font-weight: normal; font-size: 18px; color: #666;}
.fullheight {height:456px; margin-top: 4px;}
.fullwidth {width:690px;}
.halfwidth {width: 106px;}
.half {height: 101px;}
.halfheight {height: 106px;}
.thirdheight {height: 70px;}
.temp_img {background-color: #efefef;}
.tall {height: auto;}
.subhead {margin: 1em 0em 0.5em 0em;}

p.intro {font-size: 18px; line-height: 21px; margin-bottom: 4px;}

span.callout {position:absolute; left:5px; bottom: 5px; background: #fff; padding: 4px 7px; font-size: 18px; font-weight: bold; color: #000;}

span.callout-right {position:absolute; right:5px; bottom: 5px; background: #fff; padding: 4px 7px; font-size: 18px; font-weight: bold; color: #000;}
span.callout-small {position:absolute; left:2px; bottom: 2px; background: #e5f3bb; padding: 4px 7px; font-size: 12px; font-weight: bold; color: #000;}

a.quote {background: #eab180; color: #fff; padding: 1px 2px;}
a.orange {font-size: 1.2em; padding: .2em .5em; margin-top: .2em; background: #eab180; color: #fff; border: 0; font-family: Helvetica, Arial, sans-serif;}
div.orange {background: #eab180; color: #fff;}
div.green {background: #e5f3bb; color: #666;}
a.green {font-size: 11px; padding: 4px 5px; margin-top: 14px; color: #666; background: #e5f3bb; border: 0; font-family: Helvetica, Arial, sans-serif;}
a.green:hover, a.orange:hover {color: #464646;}

#tour-map {position: absolute; bottom: 0; left: 0px;}

/** header/navigation **/

div#header {height: 175px; width:100%;}

#logo {position:relative; float:left; width: 95px; height: 141px; margin: 35px 124px 0 0; display: inline; text-indent: -5000px; }
#logo span {display: block;}
#logo a {display: block; width: 95px; height: 141px; background:url(../images/logo.png) 0 0 no-repeat;}
#logo em  {display: block; width: 95px; height: 141px; background:url(../images/logo.png) 0 -141px no-repeat;}
/* h1 a:hover {background-position: 0 -141px;}*/

ul#primary-nav {float: left; padding: 53px 0 10px 10px;}
ul#primary-nav li {position: relative; margin: 0px 2px 0px 0px; padding:0px; display: inline;font-size: 10px; z-index: 1000; }
ul#primary-nav li a {padding: 54px 5px 9px 5px; color: #666; text-decoration: none;}
ul#primary-nav li a:hover{	background-color: #e5f3bb; color: #444;}
ul#primary-nav li a.selected{	background-color: #e5f3bb; color: #444;}
ul#primary-nav li .subnav {height: auto; padding: 0; margin: 0; position: absolute; top:20px; left: 0px; width: 150px; background-color: #e5f3bb; z-index: 900; display: none;-moz-opacity:.99; filter:alpha(opacity=99); opacity:.99; border:0px solid #EDEDED;}
ul#primary-nav li:hover .subnav {display: block;}
ul#primary-nav li .subnav li {margin: 0; display: block;  }
ul#primary-nav li .subnav li a {margin: 0; padding: 5px;background-color: #e5f3bb; display:block; }

ul#primary-nav li .subnav li a.selected,
ul#primary-nav li .subnav li a:hover {background-color: #fff;}


div#nav-login {position: relative; float: right; width: 100px;}
ul#login-nav {padding: 12px 0 0 0; text-align: right;}
ul#login-nav li {margin: 0 0px 0px 0px; padding: 0 0 10px 0; display: inline; font-size: 9px;}
ul#login-nav li a {padding: 0px 3px 9px 3px; color: #666; text-decoration: none;}
ul#login-nav li a:hover {color: #333;}
ul#login-nav li a.selected{	background-color: #e5f3bb; color: #444;}

div#nav-search-container {position: relative; float: right;}
ul#secondary-nav {padding: 26px 0 8px 0px;}
ul#secondary-nav li {margin: 0 0px 0px 0px; padding: 0 0 10px 0; display: inline; font-size: 9px;}
ul#secondary-nav li a.quote {background: #eab180; color: #fff; padding: 4px 5px;}
ul#secondary-nav li a {padding: 0px 6px 9px 3px; color: #666; text-decoration: none;}
ul#secondary-nav li a.last {padding: 0px; color: #666; text-decoration: none;}
ul#secondary-nav li a:hover {color: #333;}
ul#secondary-nav li a.selected{	background-color: #e5f3bb; color: #444;}

form#site-search {text-align: left; float: left; 	margin-top: 2px; vertical-align: top; display: inline;}
.site-search-button { margin-left: 11px; border: 1px solid #dfdfdf; color: #aaa; background: #fff; cursor: pointer;font-family: arial, helvetica, sans-serif; font-size: 10px; padding: 2px 10px; vertical-align: top; margin-top: 4px;}
.site-search-button:active, .site-search-button:hover {border-color: #000; color: #000;}
input.site-search-box {	width: 135px; border: 1px solid #dfdfdf;margin-top: 4px; padding: 3px 5px; font-family: arial, helvetica, sans-serif; font-size: 10px; color: #aaa;}
input.site-search-box:hover, input.site-search-box:focus {border-color: #000; color: #000;}
form#site-search legend {display: none;}


/** news feed **/

div#news {width: 690px; float: right;}

dl.news {clear: both; padding: 0px; margin: 0; color: #464646;position: relative; display:inline;}
dl.news dt {font-weight:bold; float:left; width:208px; height: 17px; padding: 6px; padding-left: 11px; padding-top: 9px; color:#b95b0c; background: #d9d6d1; font-size: 11px;  display:inline;}
dl.news dt span {float: right; width: 15px; height: 17px; background: url(../images/rss.png) 0 0 no-repeat; display:block;} 
dl.news dd {font-weight: normal; float:left; width: 448px; height: 17px;  padding: 6px; padding-top: 9px; padding-left: 11px; color: #767676; background: #edebe8; font-size: 9px;  display:inline; overflow: hidden;}
#ticker div {height: 17px; padding: 9px 6px 6px 11px;}

/** clipboard panel **/
div#clipboard-panel {background-color: #e5f3bb; width: 100%; position: fixed; bottom: 0; display: none;}
div#clipboard-panel #clipboard-inner {width: 923px; margin: 10px auto 10px; padding-bottom: 30px; text-align: left; position: relative; }
#clippings-container {position: relative; width: 699px; height: 100px; display: block; float: right;}
#clipboard-inner h3 {font-size:22px; color: #555; position: relative; display: block; margin-left: 228px;}
#clipboard-inner h3 a {font-size: 11px; position: absolute; top: 0; right: 0; background: #fff; color: #888; padding: 4px 7px;}
#clipboard-inner ul#clippings {height: 70px; overflow: hidden;
 position: relative; display: block;}
#clipboard-inner li {float: left;}
#clipboard-inner img {margin: 0px 10px 10px 0px;}
.clip-bttn{position:absolute;top:20px;cursor:pointer;}
.clip-bttn.left{left:-30px;}
.clip-bttn.right{right:-30px;}

/** content **/

div#content{clear:both; position: relative; width: 100%;}
div#main-content {margin-top: -43px; position: relative; width: 690px; float: right;}
div#design-content {margin-top: -43px; position: relative; width: 925px; float: right;}
div#left{clear:both; position: relative; width: 100%;}
div#right{clear:both; position: relative; width: 100%;}

/** secondary pages **/
h1, h2 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; letter-spacing: -.005em; font-weight: bold; color: #555; word-spacing: -2px;  margin-bottom: 5px; text-rendering: optimizeLegibility;}
h1 div.arrow, h2 div.arrow {padding-right: 22px;}
h1 em, h2 em {font-weight: normal; color: #888;}
h1 span, h2 span {text-indent: -99999px; width: 12px; height: 14px; display: inline; background: url('../images/right-arrow.jpg') right center no-repeat}
h1 small, h2 small {font-weight: normal; font-size: 18px; color: #888; letter-spacing: normal; margin-left: 5px;}
small em {background-color: #e5f3bb; color: #444; padding: 2px;}
div#main-content p {color: #666; font-size: 11px; line-height: 14px;}
div#left p {line-height: 18px;}
div#right p {line-height: 18px;}
div#main-content p a {background-color: #e5f3bb; color: #666; text-decoration: none;}
div#main-content h3 {font-size:22px; color: #666;}
div#main-content h3 span {background-color: #e5f3bb; color: #444;}
a.back-button {position: absolute; top: 9px; right: 0px; font-size: 10px; padding: 6px 9px 6px 9px; color: #666; background: #f2f2f2; }
a.back-button:hover {color: #333;}
div.intro {position: relative; height: 224px; float: left;}
div.intro p {float: left; width: 450px;}
div#subheader-01 {float: left; width: 224px; position: relative; margin-top: 10px;}
div#subheader-01b {float: left; width: 224px; position: relative; margin-right: 10px; margin-top: 10px;}
div#subheader p {width: 224px;}
div#subheader {float: right; width: 224px;  display: block;  margin-top: 10px;}

div#main-content h3 span {background-color: #e5f3bb; color: #888;}
div#main-content p#intro {font-size: 18px; line-height: 23px; margin-bottom: 4px;}
p#intro em {background-color: #e5f3bb; color: #888;}

a.visual_tour {position: absolute; bottom: 9px; left: 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; text-decoration: none; color: #555; font-weight: bold; padding-right: 17px; background: url('../images/right-arrow.jpg') right center no-repeat; line-height: 11px;}

ul.capabilites-list {margin-bottom: 10px;}
ul.capabilites-list b {font-size: 18px; color: #666;}
ul.capabilites-list li a {color: #cbcbcb; font-size: 18px; padding: 2px 4px; text-decoration: none;}
ul.capabilites-list li a:hover {color: #666;}
ul.capabilites-list li a.active {background: #eab180; color: #fff; }
ul.capabilites-list li a span {font-size: 11px; text-transform: uppercase; background-color: #e5f3bb; color: #888; padding: 3px; bottom: 2px; position: relative;}

div#cap-images {position: absolute; bottom: 0;}



/** Our Work Pages **/
div#process-description {height: 457px; padding: 78px;}
div#category-description {height: 457px; padding: 78px;}
ul#work-nav { float: right; margin-top: -30px; }
ul#work-nav li {margin: 0px 0px 0px 5px; padding:0px; display: inline;font-size: 10px; position: relative; }
ul#work-nav li a {padding: 6px 9px 6px 9px; color: #666; background: #f2f2f2; text-decoration: none;}
ul#work-nav li a.selected, ul#work-nav li.active {background: #e5f3bb; color: #333;}
ul#work-nav li.active {padding: 6px 9px 6px 9px; }
ul#work-nav li a.dropdown {padding-right: 23px; background-image: url('../images/down-arrow.png'); background-repeat: no-repeat; background-position: right center;}
ul#work-nav li a:hover, ul#work-nav li a.active { color: #333;}
ul#work-nav li.line {border-bottom: 1px dotted #666; height: 1px;}
ul#work-nav li {z-index: 1;}
ul#work-nav li	ul.work-subnav {display: none; position: absolute; z-index: 999; width: 120px; top: 14px; left: 0px; padding: 6px; background: #f2f2f2;}
ul#work-nav li	ul.work-subnav li {margin: 0; padding:3px 2px; display: block; font-size: 9px; color: #666;  text-decoration: none}
ul#work-nav li	ul.work-subnav li a {display: block; padding: 0;}

div#main-content div.showcase-area {position: relative; float: left; width: 457px; height:457px; overflow: hidden; clear: both; margin-top: 2px; }
div#main-content div.showcase-area div.showcase-img-container {display: inline; float: left; background: url('../images/loading.gif') center center no-repeat; overflow: hidden; margin: 0; padding:0; margin-bottom: 5px; width:457px; height:378px; } 
div#main-content div.showcase-area h3.project-title {font-size: 18px; color: #666; margin-top: 5px;}
div#main-content div.showcase-area h3.project-title a {color: #9f9f9f; text-decoration: none;}


#project-details .project-title {font-size: 18px; color: #666; margin-top: 5px; font-weight: normal;}
#project-details .project-description {color: #666; font-size: 13px; line-height: 16px; font-weight: bold; margin-bottom: 8px;}
#project-details {float: left; width: 223px; margin-left: 10px; display: inline;}
#project-details strong {line-height: 19px; margin-top: 14px; display: block;}
#project-details ul {margin-bottom: 22px;}

ul#showcase-nav {position: absolute; bottom: 4px; left: 0px;}
ul#showcase-nav li {margin: 0px 5px 0px 0px; padding:0px; display: inline;font-size: 10px; }
ul#showcase-nav li a {padding: 4px 5px 4px 20px; color: #666; background: #e5f3bb; text-decoration: none;background-repeat: no-repeat; background-position: left center;}
ul#showcase-nav li a.clipboard {background-image: url('../images/clip.png');}
ul#showcase-nav li a.print {background-image: url('../images/print.png');}
ul#showcase-nav li a.email {background-image: url('../images/email.png');}
ul#showcase-nav li a:hover { background-color: #eab180; color: #fff;}

div.thumbnail-panel {width: 242px; float: right; margin-top: 2px; margin-right: -19px; position:relative; padding-left:10px; height:457px; overflow:hidden; }
#thumbnail-panel a.prev {position:absolute; right:0px; top:0px; display:block; height:8px; width:10px; background: url('../images/thumb-button-top.png') no-repeat 0 0; text-indent: -9999px; cursor: pointer; overflow: hidden;}
#thumbnail-panel a.next{ position:absolute; right:0px; top:18px; display:block; height:8px; width:10px; background: url('../images/thumb-button-bottom.png') no-repeat 0 0; text-indent: -9999px;cursor: pointer; overflow: hidden;}
#thumbnail-panel a.prev:hover,#thumbnail-panel a.next:hover,
#thumbnail-panel a.prev:active,#thumbnail-panel a.next:active {background-position: 0 -8px; }

.thumbnails {width: 242px; height: 457px; /*height: 389px*/; overflow: hidden;}
.thumbnails a{ display:block;float:left; position:relative; margin-right:10px; margin-bottom:10px; }
.thumbnails a span.number{ position: absolute; bottom: 6px; left: 6px;display: block; font-size:16px; height: 17px; color: #fff;  }
.thumbnails a span.overlay{ position: absolute;top:0;left:0;display:block;width:68px;height:68px; }
.thumbnails .thumb { width: 68px; height:68px; overflow: hidden; position: relative;}
.thumb .greenbox {position: absolute;top:68px;left:0;display:block;width:68px;height:68px; background-color: #e5f3bb; opacity: 0.4; filter:alpha(opacity=40);-moz-opacity:0.4;}


/** TEMPORARY FLASH STYLING **/
div#flash {background: #fff; color: #fff; padding: 4px 5px;}
div#flash-homepage {float: right; margin-top: 11px; width:690px; height: 456px;}
div.design-center {margin-top: 4px;}


.flash{ padding:7px 8px; margin-bottom:15px; }
.flash a{ display:block; width:15px; float:right; text-decoration:none; text-align:center;}
.error, .notice, .success {  }
.error { background:#eab180; color:#fff; border-color:#FBC2C4; }
.notice { background:#e5f3bb; color:#666; border-color:#FFD324; }
.success { background:#e5f3bb; color:#666; border-color:#C6D880; }
.error a { color:#fff; }
.notice a { color:#000; }
.success a { color:#000; }

#errorExplanation {background: #eab180; padding:7px 8px; margin-bottom: 15px; color: #fff;}
#errorExplanation p, #errorExplanation h2 {color: #fff !important;}
#errorExplanation h2 {font-size: 15px;}

/** Design and Planning **/

div.pane {height:457px; width: 690px; overflow: hidden; position: relative;}
#design ul.panel-holder {position: absolute; top: 0; left: 0; height:457px; width: 100000px;}
#design 
.panel {width: 690px; height: 457px; overflow: hidden; float: left; margin-right: 10px; display: inline;}

#DesignRight {display: none;}

/** Collaborative Design - Static & Green sections **/
div.minipane {overflow: hidden; position: relative;}
ul#steps {position: absolute; top: 0; left: 0; height: 914px; width: 934px;}
ul#steps-green {position: absolute; top: 0; left: 0; height: 914px; width: 457px;}
ul#steps li, ul#steps-green li {width: 457px; height: 456px; overflow: hidden; margin-right: 10px; float: left; display: inline;}
#collab-form {font-size: 11px; color: #888; margin-top: 3px;}
#collab-form label {display: block; margin-bottom: 3px; }
#collab-form label input {width: 100px; border: 1px solid #999;}
#collab-form label input#send {margin-left: 60px;}
#collab-form label em {float: left; width: 60px; height: 20px; line-height: 20px;}
#collab-form textarea {width: 140px; border: 1px solid #999;}

#green-sections.materials-nav li a {font-size: 10px; line-height: 0;}
#green-sections li a {color: #666; font-size: 14px; padding: 2px 4px; text-decoration: none;}
#green-sections li a:hover,
#green-sections li a.active {background-color:#e5f3bb;}

/** Case Studies **/
#controls {position: absolute; top: 12px; right: 0;}
#casestudy-pane {width: 443px;}
#casestudy-controls #top-button {display:block; height:8px; width:10px; background: url('../images/thumb-button-top.png') no-repeat 0 0; cursor:pointer; cursor:hand; position: absolute; top: 0px; right: 0px;}
#casestudy-controls #bottom-button {display:block; height:8px; width:10px; background: url('../images/thumb-button-bottom.png') no-repeat 0 0; cursor:pointer; cursor:hand; position: absolute; top: 0px; right: 8px;}

#case-studies {height:457px; width: 690px; overflow: hidden; position: relative;}
#case-studies ul {position: absolute; top: 0; left: 0; height:457px; display: block;}
#case-studies li {width: 224px; height: 457px; overflow: hidden; float: left; margin-right: 10px; display: inline;}
#case-studies li a.arrow {font-weight: bold; float: right; margin-top: 10px;}
#case-studies li img {margin-bottom: 8px;}
#case-studies li h3 {height: 58px;}
#case-studies li p {display: none; padding: 0 2px;}
#case-studies li p.hover {display: block; padding: 0 2px; }

ul.case-info { border-top: 1px solid #a8a8a8; margin-bottom: 10px;}
ul.case-info li {font-weight: normal; padding: 7px 0px 6px 0px;color:#666; border-bottom: 1px solid #cfcfcf; font-size: 11px;}
ul.case-info li b {float: left; width: 121px;}
ul.case-info li span {margin-left: 121px; display: block; line-height: 14px;}

ul.case-tags {margin-top: 3px;}
ul.case-tags li{margin-bottom: 4px; margin-right: 4px; float: left; display: inline; padding: 4px 5px 4px 5px; color: #666; background-color: #edebe8;font-size: 10px }
/** ul.case-tags li a {padding: 4px 5px 4px 5px; color: #898989; background: #e5f3bb; font-size: 11px;} **/

div#casestudy-img img {margin-bottom: 10px;}

/** Coming soon **/

.coming-soon {position:relative;}
.coming-soon-message {position: absolute; bottom: 20px; left: 50%; display: none; margin-left: -50px; width: 120px; z-index: 100; }
.coming-soon-message .content {padding: 10px 10px 10px 10px;background-color: #e5f3bb;}
.coming-soon-message .bottom {background-image: url("../images/coming-soon-arrow.png"); background-repeat: no-repeat; background-position: bottom center; display: block; height: 10px;}


/** In the News **/

#in-the-news {height:457px; width: 690px; overflow: hidden; position: relative;}
#top-button {display:block; height:8px; width:10px; background: url('../images/thumb-button-top.png') no-repeat 0 0; cursor:pointer; cursor:hand; position: absolute; top: 40px; right: -15px;}
#buttom-button {display:block; height:8px; width:10px; background: url('../images/thumb-button-bottom.png') no-repeat 0 0; cursor:pointer; cursor:hand; position: absolute; top: 487px; right: -15px;}
#bottom-button {display:block; height:8px; width:10px; background: url('../images/thumb-button-bottom.png') no-repeat 0 0; cursor:pointer; cursor:hand; position: absolute; top: 57px; right: -15px;}

#top-button-green {display:block; height:8px; width:10px; background: url('../images/thumb-button-top.png') no-repeat 0 0; cursor:pointer; cursor:hand; position: absolute; top: 40px; right: -15px;}
#buttom-button-green {display:block; height:8px; width:10px; background: url('../images/thumb-button-bottom.png') no-repeat 0 0; cursor:pointer; cursor:hand; position: absolute; top: 243px; right: -15px;}

#top-button:hover, #buttom-button:hover, #bottom-button:hover {background-position: 0 -8px; }
#in-the-news ul {position: absolute; top: 0; left: 0; width:690px;}
#in-the-news li {width: 690px; height: 233px; overflow: hidden; float: left; margin-bottom: 10px; cursor: pointer; cursor: hand;}
#in-the-news li:hover {cursor: pointer; cursor: hand;}
#in-the-news li a.arrow {font-weight: bold; float: right; margin-top: 10px;}
#in-the-news img, #news-article img {float: left; margin-right: 10px;}
#in-the-news li h3 {display: block;}
#in-the-news li p {padding: 0 2px; margin-bottom: 10px;}

#in-the-news a:hover h3 em, #in-the-news li:hover h3 em {background-color: #e5f3bb;}
#news-article {height:457px; width: 690px; position: relative;}
#news-article .date {padding: 4px 5px 4px 5px; color: #898989; background: #e5f3bb; margin-bottom: 5px; font-size: 10px;}
#news-article .news_article {float: right; width: 223px;}
#news-article .news_header  {height: 234px; position: relative;}
#news-article .sub-header {position: absolute; bottom: 10px; left: 0px; font-weight: bold; border-bottom: 1px solid #a8a8a8;}
#news-article .news_copy {overflow: hidden; width: 223px; height: 224px;}
#news-article .news_copy p {margin-bottom: 6px;}


/** sidenav section links **/

div#sub-nav {float: left; position: relative; width: 224px;}
div#sub-nav div#nav01 {float: left; width: 224px; position: relative; height: 222px; background: #fff;}
div#sub-nav div#nav02 {float: left; width: 224px; position: relative; height: 234px; background: #fff; clear: both;}
div#nav01 span, div#nav02 span {font-size: 11px;}
div#sub-nav dl.short {width: 204px;}
div#sub-nav dl.helpyou {position:absolute; font-family: helvetica, sans-serif; width: 224px; bottom: 0px; left: 0px; color: #555;}
dl.helpyou dt {font-weight:bold; border-bottom: 1px solid #a8a8a8; padding-bottom: 3px; color:#555; font-size: 13px;}
dl.helpyou dd {font-weight: normal; border-bottom: 1px solid #cfcfcf; font-size: 11px;}
dl.helpyou dd.nolink {padding: 7px 0px 6px 6px; display: block; text-decoration: none; color:#666;}
dl.helpyou dd.nolink span, dl.helpyou dd.email span {width: 100px; float: left;}
dl.helpyou dd a {padding: 7px 0px 6px 6px; display: block; text-decoration: none; color:#666;}
dl.helpyou dd a:hover {background: #e5f3bb; color:#444;}
dd a.active {background: #e5f3bb;  color:#444;}
div#sub-nav  dl {font-family: helvetica, sans-serif; float: left;}
dl#help-you {margin-top: 104px;	clear: both; width: 224px; padding: 0px; color: #464646;position: relative;}
dl#help-you  dt {font-weight:bold; border-bottom: 1px solid #a8a8a8; padding-bottom: 3px; color:#555; font-size: 13px;}
dl#help-you  dd {font-weight: normal; border-bottom: 1px solid #cfcfcf; padding:7px 0 6px; color: #767676; font-size: 11px;}
dl#help-you  dd.active {background:#e5f3bb;  color:#444; padding-left:5px;}
dl#recent-projects {clear: both;width: 224px; margin-top: 118px; padding: 0px; color: #464646;	position: relative;}
dl#recent-projects dt {font-weight:bold; border-bottom: 1px solid #a8a8a8; padding-bottom: 3px; color:#555; font-size: 13px;}
dl#recent-projects dd {font-weight: normal; border-bottom: 1px solid #cfcfcf; padding:7px 0 6px; color: #767676; font-size: 11px;}
dl#recent-projects dd.active {background:#e5f3bb;  color:#444; padding-left:5px;}
dl.related-link {display: block; color: #767676; background: #edebe8; padding: 9px;}
dl.related-link dd {font-size: 11px;padding: 3px 0; }
dl.philo {display: block; color: #767676; background: #edebe8; border-right: 1px solid #fff;}
dl.philo dt {margin-bottom: 2px; font-size: 14px; color:#464646; padding: 9px 9px 0 9px;}
dl.philo dd {border-bottom: 1px solid #fff;padding: 0px 9px 9px 9px; color: #888; font-size: 11px; line-height: 14px;}
dl.related-link dd a:hover {background:#e5f3bb;  color:#444; }
dl.affil dt {font-weight:bold; border-bottom: 1px solid #a8a8a8; padding-bottom: 2px; color:#555; font-size: 11px;}
dl.affil dd {padding:4px 0 2px;font-weight: normal; border-bottom: 1px solid #efefef; font-size: 11px; color: #666;}
dl.affil dd a {display: block;}
dl.affil dd a:hover {background: #e5f3bb;}

/* Quote Request Pop Up */
div#quote-request {display: none; width: 600px; height: 300px; border: 5px solid #d9d6d1; background: #fff; position: absolute; top: 110px; left: 50%; margin-left: -300px;}
div#quote-request div {position: relative;  padding: 10px 10px;}
div#quote-request h3 {font-weight:bold; border-bottom: 1px solid #a8a8a8; padding-bottom: 3px; color:#555; font-size: 13px; margin-bottom: 3px;}
#quote_email {width: 426px;}  
a.close {position: absolute; top: 10px; right: 10px;}

/** Green Section **/
ul#green-nav {float: right; position: absolute; right: 0px; top: 9px; z-index:2;}
ul#green-nav li {margin: 0px 0px 0px 5px; padding:0px; display: inline;font-size: 10px; position: relative; }
ul#green-nav li a {padding: 6px 9px 6px 9px; color: #666; background: #e5f3bb; text-decoration: none;}
ul#green-nav li a:hover, ul#green-nav li a.active { color: #333;}
#leed {position: relative;}
#leed-info {display: none; font-size: 11px; padding: 9px 8px; margin-top: 14px; color: #666; background: #e5f3bb; border: 0; font-family: Helvetica, Arial, sans-serif; width: 240px; position: absolute; top: 5px; left: 0px; line-height: 13px;}
ul.materials li  {float: left; width: 215px; background-color: #edebe8; font-size: 11px; margin-right: 7px; margin-bottom: 7px;}
ul.materials li a {padding: 3px 4px; display: block;}
ul.green-products li {float: left; width: 205px; background-color: #e5f3bb; height: 96px; font-size: 19px; display: block; margin: 0 10px 10px 0; opacity: 0.6; filter: alpha(opacity = 60); position:relative; padding: 6px; }
ul.green-products li a {display: block; width: 100%; height: 100%;}
ul.green-products li a span {display: block; font-size: 14px;}
ul.green h4 {padding-bottom: 7px;}
ul.green h4 span { background-color: #e5f3bb; }
b.arrow a {background-color: #e5f3bb;}
ul.green li {padding-bottom: 6px; font-size: 11px; color: #888;}
ul.green li b {color: #666;}
img.right {float: right;}
img.left {float: left;}

/** Forms **/
#loginform label {display: block; padding: .2em 0; color: #888888;}
#loginform label.password {margin-top: .3em;}
input[type="file"] {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: 300px;}
#loginform #loginsubmit {font-size: 1.2em; padding: .2em .5em; margin-top: .6em; color: #333; border: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.formwrap {border: 1px solid #dfdfdf; padding: 0.2em;}
.loginform {font-size: 1.7em; width: 100%; border: 0; font-family: Helvetica, Arial, sans-serif;}
.submit {float:left ;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: 149px; width: 100px; height: 25px; border: 0; background-color: #eab180; font-size: 11px; color: #fff; clear: both;}
.submit.mark {width: 80px;}
.login_submit {float:left ;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; float: right; width: 100px; height: 25px; border: 0; background-color: #eab180; font-size: 11px; color: #fff; clear: both;}
.edit_submit {float:left ;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: 233px; width: 100px; height: 25px; border: 0; background-color: #eab180; font-size: 11px; color: #fff; clear: both;}
.request {margin-left: 233px;}
.textarea {height: 100px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.textarea.wide {width: 426px; height: 120px;}
form p {margin-bottom: 10px;}
form fieldset select {float: left;}
fieldset label {float: left;width: 233px;padding: 6px 0; font-size: 12px; color: #666666;}
fieldset label.upload_label {display: inline; width: auto; line-height: 21px; padding-right: 30px;}
fieldset .field, fieldset .textarea {float: left;width: 233px; background-color: #edebe8; padding: 6px; font-size: 14px; color: #666666; margin-bottom: 10px; border: 2px solid #edebe8; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
#quote-form div.need_quote {background: #eab180; display: block;}
#quote-callout h6 {padding: 10px; color: #fff; line-height: 1.2; font-weight: normal;}
div#quote-form .textarea {height: 240px;}
fieldset .checkbox {float: left; padding: 3px; margin-top: 7px;}
.submit.quote {float: right; margin-right: 12px; display: inline; clear: none;}
div.print-header, p.address {display: none;}
div#package-image {text-align: center;}
div#package-image img {margin: 0px auto;}
div#contact-form {margin-top: 0px;}
.field_area, div#contact-form fieldset .field_area {display: inline; width: 223px; float: left;}
.field_area .upload_label{margin-top: 17px;}
.field_area .checkbox {margin-top: 24px;}
.field_area .field , div#contact-form fieldset .field_area .field {width: 203px !important; }

div#account-callout .green {padding: 30px;}
div#account-callout h3 {font-weight: bold; font-size: 18px; padding-left: 20px; padding-top: 16px;}
div#account-callout ul {padding: 20px;}
div#account-callout ul li {font-size: 14px; line-height: 1.4; padding-bottom: 12px;}

div#account-form .submit {float: left; margin-left: 225px;}

div#contact-form fieldset label,
div#contact-form fieldset .field,
div#contact-form fieldset .textarea {width: 426px; }
div#contact-form fieldset .textarea {height: 200px;}
div#contact-form fieldset .submit {float: left; margin: 0;}
div#map_canvas {width: 223px; height: 223px; background: #e5f3bb url(../images/map.png) 0 0 no-repeat;}

/** Collaborative Design Chat **/
div#no-messages {background: #e5f3bb; padding: 60px; height: 222px;}
div#no-messages h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 58px; letter-spacing: -.005em; font-weight: bold; color: #fff; word-spacing: -2px;  margin-bottom: 5px;}
div#no-messages p {font-size: 14px; line-height: 1.5;}
div#chat_container {/*border: 1px solid #ccc;*/ height: 29em; overflow: auto; display: block; margin: 7px 0 7px;}
ul#messages {margin-bottom: 10px; display: block;}
li.message {display: block; clear: both; padding-bottom: 10px; border-top: 1px solid #ccc;}
#messages a { font-weight: bold; font-size: 16px; }
ul#messages li.staff {background: #f0f6dd;}
ul#messages li.staff div.name {background: url("../images/staff-icon.png") 7px 11px no-repeat;}
div.name {display: block; float: left; width: 145px; padding: 12px 0 15px 27px;}
div.name span {display: block; color: #999; font-size: 11px; padding-top: 2px;}
div.comment{display:block;float:left;width:487px;  padding: 12px 0 15px 12px; color: #111; font-size: 12px; line-height: 1.3; position: relative}
div.comment a  {background-color: #fff; padding: 6px; border: 1px solid #ddd; display: inline-block;}
div.comment img {padding: 6px;}
div.comment a:hover  {background-color: #ccc;}          
div.comment a.remove {background: #eab180; border: 0px; position: absolute; top: 5px; right: 5px; font-size: 9px !important;}  

div#text_input_box {display: block; padding-top: 5px; margin-bottom: 7px;}
div#text_input_box h4 {margin-bottom: 8px;}
div#text_input_box .field{float: left; width: 660px; height: 20px; background-color: #eab180; padding: 6px; font-size: 14px; color: #fff; margin-bottom: 10px; border: 2px solid #eab180;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-weight: bold;}
div#text_input_box .selected {border-color: #edebe8; background-color: #edebe8; color: #666; font-weight: normal;}
div#text_input_box .submit {margin-left: 0px; font-weight: bold; clear: none; height: 32px; outline:0; margin-right: 18px;;}
div#upload_box {float: left; width: 570px;}
div#upload_box span {float: left; width: 162px; line-height: 32px; font-weight: bold; padding-left: 8px;}
#upload_form {float: left;}
div#upload_box #asset_uploaded_data {float: left;width: 233px; background-color: #edebe8; padding: 6px; font-size: 14px; color: #666666; margin-bottom: 10px; border: 2px solid #edebe8;}

#reset_button {margin: 10px 0; display: block; width: 100%; clear: both;}
 .mark {margin-left: 0; float: right; margin-top: 0px; margin-bottom: 8px; margin-right: 14px; }
/** Account Styles **/
dl#account-info {font-family: helvetica, sans-serif; color: #666; font-size: 11px; line-height: 14px; margin-bottom: 10px;}
dl#account-info dt span {float: right;}
dl#account-info dt {font-weight:bold; border-bottom: 1px solid #a8a8a8; padding-bottom: 3px; color:#555; font-size: 13px;}
dl#account-info dd {padding: 7px 0px 6px 6px; display: block; text-decoration: none; color:#666; border-bottom: 1px solid #cfcfcf; height: 14px; }
dl#account-info dd span {width: 100px; float: left;  }

/** Search Results **/
.pagination {margin: 12px 0; font-size: 11px;}

.pagination .disabled {color: #aaa; padding: 6px 9px 6px 9px; background: #f2f2f2;}
.pagination a {padding: 6px 9px 6px 9px; color: #666; background: #f2f2f2; text-decoration: none;}
.pagination .current {background:#eab180;font-weight: bold;padding: 6px 9px 6px 9px; color: #fff;}
.title {font-weight: bold;}
.title a {padding: 2px 4px; font-size: 12px;}
.search_results {margin-top: 15px;}
.search_results li {margin-bottom: 15px;}

.more_results {font-size: 11px; color: #666;padding-right: 9px; background-image: url('../images/right-grey-arrow.jpg'); background-repeat: no-repeat; background-position: right center;}
/** ADMIN PANEL **/

h2.title {padding-bottom:5px; border-bottom: 1px solid #B5B5B5 !important; margin-bottom: 10px; margin-top: 25px;}
h2.subtitle {font-size: 16px; font-weight: bold; padding-bottom: 8px; position: relative;}

div.float, div.floatHalf {float:left; margin-right:10px;}
/** div.padLeft {padding-left:10px;} **/
ul.navigation.secondary {float:right; margin-top: -30px; margin-right: 0px;}
ul.navigation.paginate {float:right; margin-top: -16px; margin-right: 0px;}


a.unaddressed {font-size: 11px; padding: 4px 5px; margin-top: 14px; color: #fff; background: #eab180; border: 0; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}

label {clear:both; color: #333333; display:block; padding-bottom: 5px;}
.inline {display:inline; clear:none; margin-bottom:0px;}
div.listContainer {width: 100%; border: 1px solid #cccccc;background-color: #fff;overflow: auto;}
.list {border: 1px solid #cccccc;width: 100%;}
/* don't put a border around tables contained by a div */
div.listContainer .list {border: 0px;width: 100%}
.list td {background-color: #fff;padding: 2px 6px;border-right: 1px solid #cccccc;}
.list tr.odd td {background-color: #fff;}
.list tr.even td, .even {background-color: #ECEEF2;}
.numeric, .list .numeric {text-align:right; margin-bottom: 5px; margin-left: 4px;}
.list th, .list tr.header td, .list td.header {font-weight: bold;background-color: #666;	
color: #eeeeee;	border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;padding: 4px;text-align: left;}
.list tr.footer td {font-weight:normal;font-style:italic;color: #cccccc;background-color: #cccccc;border-top: 1px solid #191465;}
tr.footer td {background: #e5f3bb; color: #666;}
tr.footer td {font-weight: bold; font-size: 15px;}
.list td.borderTop {border-top:1px solid #999999;}

.checkout_message {padding: 10px; background: #eab180; color: #fff; margin-bottom: 12px;}
.checkout_message h4 {color: #fff; margin-bottom: 6px;}
.checkout_message p {color: #000;}

#order-information h4 {margin:3px 0 6px;}

.navigation.secondary a, .navigation.secondary a:link, .navigation.secondary a:visited {background: #e5f3bb; color:#444;}
.navigation.paginate a, .navigation.paginate a:link, .navigation.paginate a:visited {background: #e5f3bb; color:#444;}
.button, .buttonWarning {background-color: #eab180; background-color: #eab180 !important; font-size: 12px; font-weight: bold !important;
color: #fff !important; color: #fff;text-decoration: none !important;text-decoration: none;line-height: 20px;padding: 4px;cursor: pointer;
cursor: hand;text-align: center;display:block; width: 12em;}
.list a, .list a:link {color:#444; text-decoration: underline;}
.list a:visited {color:#999; text-decoration: underline;}

.button.fifty {background-color: #f5f5f5; background-color: #f5f5f5 !important; font-size: 12px;
color: #333 !important; color: #333;text-decoration: none !important;text-decoration: none;line-height: 12px;cursor: pointer;
cursor: hand;text-align: center;display:block; width:4em;}

.button.hundred {background-color: #f5f5f5; background-color: #f5f5f5 !important; font-size: 12px;
color: #333 !important; color: #333;text-decoration: none !important;text-decoration: none;line-height: 12px;cursor: pointer;
cursor: hand;text-align: center;display:block; width:8em;}

.button.hundredfifty {background-color: #e5e5e5; background-color: #f5f5f5 !important; font-size: 12px;
color: #333 !important; color: #333;text-decoration: none !important;text-decoration: none;line-height: 12px;cursor: pointer;
cursor: hand;text-align: center;display:block; width: 12em;}

.button.twohundred {background-color: #e5e5e5; background-color: #f5f5f5 !important; font-size: 12px;
color: #333 !important; color: #333;text-decoration: none !important;text-decoration: none;line-height: 12px;cursor: pointer;
cursor: hand;text-align: center;display:block; width: 20em;}

.product {position: relative; float: left; margin: 1.2em 2.2em 0.8em 0em; display: inline; width: 200px; height: 250px;}
.product a:hover {background: #e5f3bb; color:#444;}
.product_top {}
.product_main{}
.product_image{height: 200px;}
.product_title{}
.product_title h3, .tag_name {font-size: 15px !important; margin-top: 11px;}
.product_bottom{}

.formError {display: inline-block; padding: 5px; background: #eab180; color: #fff; font-weight: bold;}

.please_login {clear: both; padding-top: 12px;}
.please_login a {background: #e5f3bb; color: #666;}
textarea#message {width: 100%; margin: 0px; height: 200px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

colgroup col.type {width: 200px; font-weight: bold;}
colgroup col.description {width: 300px;}

.table {width: 100%; border-spacing: 0; font-size: 11px;}
.table th {padding-right: 10px; font-weight: bold;  margin-bottom: 5em; border-bottom: 1px dotted #cdcdcd;  padding: 5px 10px 5px 0;}
.table td {border-bottom: 1px dotted #cdcdcd; padding: 5px 10px 5px 0; margin-bottom: 5em; border-right: 1px solid #fff; vertical-align: top;}
.table tr.last-child td {border-bottom: none;}
.table a:hover {}

.applications {clear: both; margin: 20px 0;}
.applications ul#work-nav { float: none; margin-top: 0px; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #cdcdcd;}
.applications .tab-content {padding-top: 5px; }
.applications .tab-content b {line-height: 1.9;}
.applications .tab-content li {display: inline; float: left; margin-left: 4px;}
.applications .tab-content label {float: left;width: 153px;padding: 7px; font-size: 10px; color: #666666; background: #f2f2f2; margin-bottom: 3px; }
.applications .tab-content input[type="checkbox"] {margin-right: 8px; margin-top: 1px;}

.store_submit, #edit-portfolio-item .submit {float:right; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  height: 25px; border: 0; background-color: #eab180; font-size: 11px; color: #fff; clear: both; padding: 0px 20px;}
 #edit-portfolio-item .submit {clear: none !important;}
.feature_image {float: left; display: inline !important; line-height: 29px; background: #e5f3bb; padding: 7px 9px; width: auto;}
.price {float: left; line-height: 1.2; font-size:22px; color: #666;}
.submit.mark {width: 80px;}
.quantity {clear: both; float: left; margin-top: 12px; border-top: 1px solid #a8a8a8; padding-top: 6px;}

.add-category {position: absolute; right: 0px; bottom: 4px;}
ul.admin-nav li a {background-color: #e5f3bb; font-size: 22px;padding-left: 3px; padding-right: 3px;}
#publish {height: auto !important;}

/* shop */
.shop_category a span {display:none;}
.shop_category a:hover span {display: block; position: absolute; top: 0; bottom: 0; width: 100%; background: #e5f3bb; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8}
.shop_category h3 {position: absolute; bottom: 0px;}

.store-intro {padding: 20px;}
.image_area {clear: both;}
.image_area b {float: left;width: 233px;padding: 6px 0; font-size: 12px; color: #666666;}


.no_orders {background: #eab180; color: #fff !important; padding: 60px 0px; text-align: center; margin-bottom: 20px;}

ul#sub_tabs {margin-bottom: 12px;}
ul#sub_tabs li {margin: 0px 5px 0px 0px; padding:0px; display: inline;font-size: 11px; position: relative; }
ul#sub_tabs li a {padding: 6px 9px 6px 9px; color: #666; background: #f2f2f2; text-decoration: none;}
ul#sub_tabs li a.active {background: #e5f3bb; color: #333;}


/* brian is the fixer upper from new jersey  */
#add_variation_indicator {display:none!important;}
.indicator {display:none!important;}
/* AUTOCOMPLETE */
div.auto_complete {
	width: 500px;
	background: #FFD676;
	z-index:1000;
}
div.auto_complete ul {
	border: 2px solid #000;
	margin:0;
	padding:0;
	width:100%;
	list-style-type: none !important;
}
div.auto_complete ul li {
	margin:0;
	padding:5px;
	list-style-type: none !important;
}
div.auto_complete ul li.selected {
	background-color: #FFFBBF;
}
div.auto_complete ul strong.highlight {
	color: #800;
}



.prodoptions div {display:inline; }