/*=============================================================================
 * Public CSS file.
 *
 * This will be copied to /public/stylesheets when running 
 * 'rake substruct:prepare_layout_for_modification'
 *
 * That file is the one that should be modified when customizing your site.
 *
 ============================================================================*/
/* Reset all margins and padding to ensure x-browser compatibility */
* {
	padding: 0px;
	margin: 0px;
}
body, html {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div#container {
  width: 983px;
  /*
   * font-size: 1.0em;
   * border-top: 0;
   * background-color: #FFFFFF;
   */
}

body, table, div, td, input, textarea {
	font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
	line-height: 14px;
	color: #333333;
  padding: 0;
  margin: 0;
}
input, textarea {
  color: #000;
  font-size: 1.0em;
  padding: 5px;
  border: 0px;
}
a {
	text-decoration: none;
}
/* a:link { color: #1382b9; } */
a:link { color: #98b9f1; }
/* a:visited {	color: #b954ff; } */
a:visited {	color: #85aae8; }

a.action:link, a.action:visited, a.action.bad:link, a.action.bad:visited {
	background-color: #049abe;
	color: #fff !important;
	font-weight:normal;
	font-size: 12px;
	padding: 4px;
	text-decoration:none !important;
}
a.action.bad:link, a.action.bad:visited {
	background-color: #770000;
	font-weight: bold;
}
a.normal { font-weight: normal; }
a.redlink, a.red:link, a.red:visited {
	color: #804D68;
}
a:hover { text-decoration: underline; }
#product-details form {
  display:inline;
}
#product-details form div {
  display: inline;
}
#product-details div.detail {
  float: none;
  clear: none;
  padding:0;
  margin: 0;
  display: block;
  height: 28px;
}
#product-details div.detail label {
  line-height: 24px;
  display:block;
  font-weight: normal;
  padding:0;
  margin: 0;
  width: 70px;
  position: absolute;
  margin-left: 0px;
}

/* #product-details div.detail { */
#product-details div.detail div.price, #product-details div.detail select, #product-details div.detail input {
  display: inline;
  margin-left: 70px;
}
#product-details div.detail input.button {
  margin-left: 0;
}
#product-details div.detail div.price {
  line-height: 24px;
}
img {
	display:inline;
}
img.floater {
	margin:20px;
	border:1px dotted #C2B2FB !important;
	border:1px solid #9C8FCA;
}
img.floater2 {
	margin-right:10px;
	margin-bottom:10px;
}
p {
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 1.5em;
}
td {
	vertical-align: top;
}
label {
	font-weight:bold;
	color: #333333;
	display:block;
	padding-bottom: 5px;
}
option {
	padding:0px 4px;
}
input[type=hidden] {
	display:none;
}
ul, ol {
	padding-left:30px;
}
ul {
	list-style-type:disc;
}
ul li {
	padding: 2px 0px;
	list-style-type: square;
}
ul.navigation {
	margin: 0px;
	padding-left:0px;
	padding: 0px;
	display: inline;
}
ul.navigation li {
	margin:0px;
	list-style: none;
	display:block;
	float:left;
	padding:0px;
	padding-left:10px;
	margin-right:5px;
}
ul.navigation li.active {
	font-size: 1.2em;
	font-style: italic;
}

/* Secondary actions: orders ready to ship, on hold etc */

ul.navigation.secondary {
	float:right;
	margin-top: -42px;
	margin-right: 0px;
}
ul.sortable {
	margin-left: 0px !important;
	padding-left: 0px !important;
}

ul.sortable li {
	cursor: pointer;
	cursor: hand;
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
	margin-left: 0px !important;
}

ul.sortable li p {
	margin-bottom: 5px;
}

ul#img_grid {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#img_grid li {
  margin: 0;
  float: left;
  list-style: none;
}
ul#img_grid li a {
  margin-right: 5px;
  display: block;
}
ul#img_grid li a img {
  border: 1px solid #c4c4c4;
}
ul#img_grid li a:hover img {
  border: 1px solid #333333;
}

.navigation a, .navigation a:link, .navigation a:visited {
}
.navigation.secondary a, .navigation.secondary a:link, .navigation.secondary a:visited {
	color: #98b9f1;
}
.navigation.tertiary a, .navigation.tertiary a:link, .navigation.tertiary a:visited {
	color: #000;
	padding: 4px;
}
.navigation.tertiary li {
	background-color: #ccc;
	padding-left: 4px;
	padding-right: 4px;
}
.navigation.tertiary li.active {
	background-color: #fff;
	border: 1px solid #ccc;
	border-bottom: 0px;
}
#subnav {
	border-bottom: 1px solid #ccc !important;
	border-bottom: 0px;
	height: 18px;
}

img {	border: 0px; }

h1 .info {
	font-size: 14px;
	font-style: normal;
	color: #B8B3AD;
}

h1.border {
	border-bottom: 1px dotted #806a53;
}

h1 a {
	color: #f86d0a;
	/*font-weight: normal; */
	text-decoration: none;
}

h1.important {
	font-size: 1.9em;
	font-style: italic;
	line-height: 1.1em;
}

h1:first-child, h1.first {
	margin-top: 0px;
}
#projects h2, #products h2, #appproducts h2 {
  padding-top: 8px;
  padding-bottom: 5px;
	color: #5e5e5e; }
h1 span, h2 span {
  font-size: 0.5em;
}
span.option {

}
h1{
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 40px;
    line-height: 40px;
    color: #2E9F5F;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 0px;
}
h2 {
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 30px;
    color: #939393;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
h3 {
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 24px;
    color: #333333;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 0px;
}
h4 {
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 24px;
    line-height: 24px;
    color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 0px;
}
h5 {
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}
h6 {
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    color: #939393;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 0px;
}
h7 {
    font-family: 'Rockwell';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 0px;
}
h8 {
    font-family: 'PT Sans', san-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
h9 {
    font-family: 'Rockwell';
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    color: #333333;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
}

div.line {
	border-bottom: 1px dotted #B5B5B5;
	padding:0px;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 1px;
	overflow:hidden;
	clear:both;
}

div.indent {
	padding:0px;
	margin:0px;
	margin-top:-10px;
	padding-left:20px;
}

div.padLeft {
	padding-left:0px;
}


div.price, span.price {
  display: inline;
	background-color: #2e9f5f;
	color: #fff;
	padding: 3px 5px;
	text-align: center;
	font-style: italic;
}
div.price-wrap {
  display: block;
  padding-top: 8px;
  padding-bottom: 10px;
}
.info {
	font-size: 10px;
	font-style:italic;
	color: #ccc;
	padding-left: 1px;
}

.info a {
    color: #336699;
}

.money {
	color: #ff7070;
	font-style:italic;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% 'PT Sans', sans-serif;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/* BUTTONS
 * This is used on anchors as well as button objects, so some css trickery
 * is needed */
input.button, input.button:active, input.button:focus, .buttonWarning {
    outline: none;
    background: #2e9f5f;
    color: #ffffff !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    text-decoration: none;
    padding: 2px 3px;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
div#flash a.button {
  background: #e2df7d;
	font-weight: bold !important;
	color: #158a14 !important;
	border-top: 1px solid #c2bf5d;
	border-left: 1px solid #c2bf5d;
	border-right: 1px solid #a29f3d;
	border-bottom: 1px solid #a29f3d;
	padding: 2px 3px;
}
a.button {
	font-weight: bold;
}
.buttonWarning {
	background-color: #FF0000;
	border-color:#B00000;
	color:#eeeeee;
}

/* end buttons */

*.small {
	padding: 1px;
	font-size: 0.9em;
}

/* BEGIN TABLE LIST CSS */

div.listContainer {
	height:300px;
	width: 100%;
	border: 1px solid #666666;
	background-color: #fff;
	overflow: auto;
}


.list {
	border: 1px solid #666666;
	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;
  color: #333;
}

.list td span.info {
  color: #777;
}

.list tr.odd td {
	background-color: #fff;
}

.list tr.even td, .even {
	background-color: #ECEEF2;
}
.numeric, .list .numeric {
	text-align:right;
}
.list th, .list tr.header td, .list td.header {
	font-weight: bold;
	background-color: #777777;
	background-image:url(/plugin_assets/substruct/images/table_header_bg.png);
	color: #eeeeee;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	text-transform:capitalize;
	padding: 4px;
	text-align: left;
}

.list tr.footer td {
	font-weight:normal;
	font-style:italic;
	color: #333333;
	background-color: #cccccc;
	border-top: 1px solid #191465;
	text-transform:capitalize;
}

.list td.borderTop {
	border-top:1px solid #999999;
}

/* END TABLE LIST CSS */

*.hover {
	cursor: pointer;
	cursor: hand;
}
.hlt, tr.hlt td, tr.selected td {
	font-style:italic;
}

.notes {
	padding: 10px;
	background-color: #eeeeee;
	border: 1px solid #999999;
	margin-bottom: 10px;
	width: 400px;
}

.notesEdit {
	padding: 10px;
	width: 400px;
}

.clear {
	clear: both;
	height: 5px;
	overflow: hidden;
}

.cleartop {
	clear: both;
	height: 1px;
	margin: 0px auto;
	background-color: #c4c4c4;
        width: 983px;
}

.clearfull {
	clear: both;
	overflow: hidden;
	background-color: #FFFFFF;
	/* width: 100%; */
        width: 970px;
	margin: 0px auto;
	text-align: center;
	vertical-align: bottom;
        
  padding: 5px 0px 5px 0;
}

.clearfullSecond {
	clear: both;
	overflow: hidden;
	background-color: #ffffff;
	width: 70%;
	text-align: left;
	vertical-align: bottom;
        margin: auto;

  padding: 5px 5px 5px 5px;
}

#navcontainer a.here {
  font-family: 'PT Sans';
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  vertical-align: bottom;
  margin-right:25px;
  color: #00a05a;
}

#navcontainer .secondtext {
  font-family: 'PT Sans', san-serif;
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  vertical-align: bottom;
  margin-right:25px;
  line-height: 20px;
}

.left_clear {
	clear: left;
	height: 5px;
	overflow: hidden;
}

div.float, div.floatHalf {
	float:left;
	margin-right:10px;
}
div.floatHalf {
	width:45%;
}

/* MAIN TRI FLOATS */

div.floatTri {
	float: left;
	width: 31%;
	margin-right: 20px;
	background-image: url(/plugin_assets/substruct/images/public-ui/column-fade-middle.gif);
	background-repeat: repeat-x;
}
div.floatTri h2 {
	text-align: center;
	margin-bottom: 10px;
}

div.floatTri h4 {
	margin-left: 20px;
}

div.floatTri p {
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
}
div.floatTri form {
	margin-left: 20px;
	margin-right: 20px;
}

.floatTri .left {
	float: left;
	background-image: url(/plugin_assets/substruct/images/public-ui/column-fade-left.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 150px;
}
.floatTri .right {
	float: right;
	background-image: url(/plugin_assets/substruct/images/public-ui/column-fade-right.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 150px;
}
.floatTri .middle {
	padding-top: 20px;
}

/* /MAIN TRI FLOATS */


.content_pad {
	padding: 20px;
	padding-top: 0px;
}

.fieldWithErrors input, .fieldWithErrors * option, .fieldWithErrors * {
  background-color: #dddddd;
}

.formError {
	color: #ff7070;
	font-style: italic;
	padding-bottom: 10px;
	padding-left: 5px;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.inline {
	display:inline;
	clear:none;
	margin-bottom:0px;
}

div.error {
	margin:10px;
	background-color:#FFFF99;
	border:1px solid #804D68;
	font-weight: bold;
	padding: 20px;
	text-align:center;
	color: #804D68;
}
input.error {
	background-color: #FFD3E3;
}
.textInput {
	color: #333;
	line-height: 1em !important;
        border: 1px solid;
}

.textInput, .textArea {
	border: 1px solid #7d6a55;
	padding: 4px;
}
.textArea.big {
  width: 650px;
}
.textInput.big {
  font-family: 'PT Sans', san-serif;
	border: 2px solid #7d6a55;
	height: 25px;
  color: #444;
	font-size: 18px;
	line-height: 28px;
	padding-top: 7px;
	background-image: url(/plugin_assets/substruct/images/public-ui/input-bg.gif);
	background-repeat: repeat-x;
}


/* CLASSES */
.minor_callout {
	margin-bottom: 20px;
}
.minor_callout p {
}
.main_block {
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
.form_block {
  margin-bottom:20px;
  padding-right: 10px;
  padding-bottom: 10px;
  /*background: url('/images/product_bg.jpg') no-repeat #289455; */
}
.form_block h2 {
	margin-bottom: 10px;
}
.blog_entry {
	padding: 10px;
}
.blog_entry.even {
	background-color: transparent;
	background-image: url(/plugin_assets/substruct/images/public-ui/column-fade-middle.gif);
}

#appproducts h2 {
  padding-top: 0px;
  padding-bottom: 5px;
	color: #5e5e5e; }
	
.appproduct_table {
  padding-top: 7px;
  padding-bottom: 5px;
}

.appholder {
  display: block; clear: left;
}

.appproduct {
	width: 150px;
	margin-right: 5px;
	float: left;
}

.appproduct_bottom {
  padding-top: 8px;
	width: 150px;
	height: 33px;
	background: url(/images/chip_bg_bottom.jpg) no-repeat #f3f7f8;
}
.appproduct_main {
	background: url(/images/chip_bg.jpg) no-repeat;
  padding: 5px 10px 0px 6px;
	overflow:hidden;
	text-align:center;
}
.appproduct_image {
	overflow: hidden;
}
.appproduct_image img {
  border: 1px solid #9cd7b3; }
.appproduct_image a:hover img {
  border: 1px solid #333333; }
.appproduct_title {
	color: #000;
	font-size: 18px;
	line-height: 28px;
  font-weight: normal;
  font-style: normal;
	margin: 6px 0px 0px;
	overflow: hidden;
}
.appproduct_titlebig {
	color: #000;
	font-size: 24px;
	line-height: 28px;
  font-weight: normal;
  font-style: normal;
	margin: 6px 0px 0px;
	overflow: hidden;
}
.appproduct_text {
	color: #000;
	font-size: 12px;
  font-weight: normal;
  font-style: normal;
	margin: 6px 0px 0px;
	text-align: justify;
	width: 450px;
	overflow: hidden;
}
.appproduct_subtitle {
	color: #000;
	font-size: 12px;
  font-weight: normal;
  display: inline;
}
.appproduct_subtitlebig {
	color: #333;
	font-size: 1.0em;
  font-family: 'PT Sans', san-serif;
  font-weight: normal;
  display: inline;
}
.short { display: inline; }
.long { display: none; }
.appproduct_title a {
  color: #333333; }
.appproduct .money {
	display: block;
	background: url('/images/price_tab.jpg') no-repeat;
  width: 80px;
  height: 25px;
  overflow: hidden;
	color: #ff5959;
  font-weight: bold;
  font-style: normal;
  margin-left:30px;
  text-align: center;
	padding: 2px;
}
.appproduct .icon {
	position:absolute;
	margin-left: 15px;
  margin-top: 15px;
	z-index:300;
}


/* PRODUCT 'CHIPS' */
.product {
  width: 210px;
  height: 265px;
	margin-right: 0px;
	float: left;
}
.product_bottom {
  padding-top: 8px;
  margin: 0px auto;
	/*width: 150px;
	height: 23px;*/
/*	background: url(/images/chip_bg_bottom.jpg) no-repeat #FFFFFF; */
}
.product_main {
	/*background: url(/images/chip_bg.jpg) no-repeat; */
        padding: 2px 2px 0px 2px;
	overflow:hidden;
	text-align:left;
}
.product_image {
	/* overflow: hidden; */
          

}
.product_image img {
 border: 1px solid #c4c4c4;
 /* height: 260px; */
}
.product_image a:hover img {
  border: 1px solid #333333;
}
.product_title {
	margin: 6px 0px 0px;
	overflow: hidden;
        text-align: center;
 }
.product_title a {
  color: #333333;

}
.product .money {
	display: block; 
	/*background: url('/images/price_tab.jpg') no-repeat; */
  width: 80px;
  height: 25px;
  overflow: hidden;
  color: #2e9f5f;
  font-weight: bold;
  font-style: normal;
  margin-left:47px;
  text-align: right;
  padding: 2px;
}
.product .icon {
	position:absolute;
	margin-left: 15px;
  margin-top: 15px;
	z-index:300;
}

/* PAGINATION ============================================= */
div.pagination_bar {
  background: url('/images/pagination_bar.gif') repeat-x;
  border:1px solid #ccc500;
  height: 18px;
}
div.pagination {
  padding-top: 1px;
  text-align: left;
  margin-left: 40%;
}
div.pagination a {
  color: #336699;
	text-decoration: none;
}
div.pagination a, div.pagination span {
	padding: 1px 3px;
}
div.pagination span.current {
  background-color: #840018;
  color: #e2df7d;
}
div#products {
  margin-top:-10px;
  padding: 0px 0px 10px;
}

div#products h2 a {
    color: #336699;
}

div#appproducts {
  margin-top:-4px;
  padding: 0px 25px 10px;
}

div#appproducts.whitebg {
  margin-top:-15px; }

div#appproducts h2 {
  margin-bottom: 0; }

div#projects {
  margin-top:10px; }

div#wikipage {
  margin-top:17px; }

.whitebg a {
  color     :#3e3e3e; }

.whitebg a span {
  font-family: 'PT Sans', san-serif;
  font-size:0.65em; }

div.p * {
	font-size: 1.2em;
}

#flash {
	margin: 20px;
	padding: 10px;
	z-index: 100;
	background-color: #B2DF83;
	border: 4px solid #6AC034;
	color: #293F1B;
}
#flash h2 {
  margin: 0;
  margin-bottom: 10px;
	background-color: #6AC034;
	padding: 2px 8px;
	color: #fff;
}
#flash p {
  margin: 0;
  padding: 0;
}
#flash div, #flash .action {
	font-size: 1.2em;
	line-height: 1.3em;
}

#container {
	width: 983px;
	margin: 0px auto;
}

#headercontainer {
    width: 983px;
    margin: 0px auto;
    padding-left: 30px;
}

#navcontainer {
    float: left;
    width: 120px;
    margin-right: 5px;
}

div#navlist {
    border: 1px solid #c4c4c4;
    border-width: 0px 1px 1px 1px;
    border-radius: 0px 0px 7px 7px;
}

div#navlist ul {
    list-style-type: none;
    margin-left: 5px;
    padding: 0px;
}

div#navlist li {
    list-style-type: none;
    margin-left: 0px;
    padding: 0px;
}

#header {
  margin:0;
  padding:0;
  height: 64px;
}

div#header h2 {
  margin-left: 0px;
  margin-top: 35px; }

div#header h2 a img {
  border: 0; }

div#header h2 a:hover {
  background: transparent; }

div#bar {
  width: 983px;
  margin-top: 13px;
}

div#bar ul {
  margin: 0;
  padding: 0;
}
  
div#bar ul li {
  display: inline;
  list-style-type: none;
  list-style-position: outside;
  letter-spacing: 1px;
}

div#bar ul li a img {
   margin: 0;
   padding: 0;
}

div#bar ul li a {
  color: #000000;
  background: url('/images/bar_gradient.png') repeat-x;
  /*color: #ace9ff; */
  /*font-family: Trebuchet MS;*/
  font-family: 'PT Sans', san-serif;
  font-size: 14px;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  margin: 0px 1px 0px 0px;
  padding: 12px 28px 13px 29px;
}
div#bar ul li a.here {
  /*color: #6f593c;*/
  color: #00a05a;
  background: url('/images/bar_gradient.png') repeat-x;
}
div#bar ul li a.icon {
    margin: 0px 1px 0px 0px;
    padding: 0px 24px 0px;
}
div#bar ul li a:hover {
  text-decoration: underline; }

div#bar ul li.blog a, div#bar ul li.ask a {
  color: #ffacac;
}

div#body {
    width: 983px;
    margin: 0px auto;
    color: #333333;
    font-family: 'PT Sans', san-serif;
    padding-left: 30px;
}

div#sidebar {
  color:#000;
  float: right;
  margin-top: 3px;
  padding-left:5px;
  width: 262px; }

div#sidebar div, #checkout_info {
  color:#000;
  margin-bottom: 15px;
  padding: 7px;
  background: #ffffff;
  border: 1px solid #c4c4c4;
  border-radius: 8px;
}
#checkout_info {
  margin-top: 0px;
}
div#sidebar div {
  width: 228px; }
div#sidebar div span {
  display: block;
  color: #555;
  margin: 6px 0px 2px 14px;
}
#checkout_info p {
  padding: 10px 0 2px; }
div#sidebar div h3, #checkout_info h3 {
  color:#840018;
  padding: 0;
  margin: -4px 0 2px 0;
  font-weight: normal;
  font-family: 'PT Sans', san-serif; }

div#sidebar ul {
  line-height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 15px;
}

div#sidebar ul li {
  list-style-type: square;
}
ul.with_images, div#sidebar ul.with_images {
  padding-left: 0px;
}
ul.with_images li, div#sidebar ul.with_images li {
  list-style-type: none;
  margin-top: 5px;
}
div.form_block ul.with_images {
  margin-left: 140px;}
div.form_block ul.with_images li {
  float:left;}
ul.with_images li div, div#sidebar ul.with_images li div {
  border: 0;
  padding:0;
  margin: 0;
}
ul.with_images li div a {
  display: block;
  height: 50px;
  width: 195px;
  padding: 3px;
  margin-right: 1px;
  border: 1px solid #ffffff;
  background: #ffffff;
}

div.form_block ul.with_images li div a {
  border: 0px solid #336699;
  margin-right: 4px;
}
ul.with_images li div img {
  float: left;
  padding-right: 5px;
  border: 0px;
}
ul.with_images li a:hover {
  text-decoration: none;
  border: 1px solid #333333;
}
div.form_block ul.with_images li div a:hover {
  border: 0px solid #7379c5;
}

#checkout_info p a, div#sidebar a, ul.with_images a {
  color: #336699;
}
#toplinks {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 1.1em;
	width: 550px;
}

#toplinks li {
	margin-left: 15px;
	line-height: 30px;
	float: right;
}

#searchbox {
        width: 142px;
	float:right;
	clear:right;
	margin: -30px 0px 0px 30px;
        padding: 0px 0px 0px 0px;
        background: url('/images/search_bg.png') no-repeat #FFFFFF;
}

#searchbox .textInput {
	width: 94px;
        font-family: 'PT Sans', sans-serif;
        font-size: 14px;
        border: 0px;
        background: transparent;
        color: #333333;
        padding: 3px 10px 0px 10px;
}

#searchbox .textInput:focus {
  outline: none;
}

/* Div that comes before the content */
#preContent {
	height: 83px;
	background-repeat: no-repeat;
}
#contentBody_store {
  margin: 0px auto;
  /*
  margin-top: 0;
  color: #fff;
  padding: 4px 9px;
	clear:none; */
}

#contentBody_shop {
    float: left;
    padding-left: 0px;
}

#contentBody_main {
  float: left;
  width: 983px;
  margin: 0px auto;
}

#contentBody_main a {
    color: #336699;
    text-decoration: underline;
}

#pagination_controls {
    width: 670px;
}

#pagination_sub {
    float: right;
}

#footer {
  height: 420px;
  width: 983px;
  padding-left: 30px;
  margin: 0px auto;
  background: #ffffff; }
#footer hr {
    color: #c4c4c4;
    width: 983px;
}
#footer div {
    float: left;
    width: 160px;
}

#footer div#footer_sub {
  background: #FFFFFF;
  width: 970px;
	margin: 0 auto;
}

div#footer_sub .footerRssSection {
    width: 320px;
}

#footer div#footer_sub .section {
  float: left;
  padding-top: 5px;
  width: 320px; }
#footer div#footer_sub .double_section {
  float: left;
  padding-top: 5px;
  width: 640px; }
.section ul {
  margin-left:0px;
  padding-left:15px;
}

.section li {
    width: 300px;
}

.section a {
    color: #336699;
}

#big_product_image {
	float: left;
	margin: 20px;
	margin-left: 0px;
	margin-top: 0px;
	width: 200px;
	overflow: hidden;
}

#bLeftCol, #bMiddleCol, #bRightCol {
	padding:15px;
	padding-top:20px;
	float:left;
}
#bLeftCol {
	width: 219px !important;
}
#bMiddleCol {
	width: 260px !important;
}
#bRightCol {
	width: 228px !important;
	width:210px;
	overflow:visible !important;
	overflow:hidden;
}

/* Left content container */
#left {
	float:left;
	/*width: 623px !important; */
	width: 983px;
	min-height: 500px;
	margin-bottom: 20px;
}
#left {
  color: #333; }
#left h2 {
  color: #333; }
#left .form_block h2 {
  color: #333; }

#left p {
    font-size: 14px;
}

/* Right content */
#right {
	float:left;
	width: 280px;
	padding-bottom: 20px;
}


#right .textInput {
	font-size: 15px;
	line-height: 30px;
	padding-top: 5px !important;
	padding-top: 10px;
	height: 25px;
}

#right h2 {
	color: #5e5e5e;
}
#right h3 {
	color: #8a8075;
	text-align: center;
}

#left, #right, #fullContent {
}

#fullContent_shop {
    margin-top: 0px;
	width: 857px;
  clear: none;
	_width: 863px;
}

#fullContent_product {
    float: left;
    margin-top: 0px;
	width: 627px;
  clear: none;
	_width: 643px;
}

#fullContent_main {
  clear: none;
}

/* 
#breadcrumbs {
  font-family: 'PT Sans', sans-serif;
  color: #333333;
  padding: 10px 0px 4px 3px;
  float: left;
  width: 983px;
}
*/
#breadcrumbs a {
  color: #333333;
}

#cart {
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom:7px;
  font-weight: bold;
  color: #333333;
  width: 225px;
}

div.cartInner {
    border-color: #c4c4c4;
    border-style: solid;
    border-radius: 0px 0px 7px 7px;
    border-width: 0px 1px 1px 1px;
    padding-bottom: 5px;
}

.cartView {
    text-align: center;
    margin: 0px auto;
    padding-top: 10px;
}

.cartView a {
    color: #336699;
    text-decoration: underline;
}


div.cartHeader {
    background: #2e9f5f;
    color: #ffffff;
    border-radius: 7px 7px 0px 0px;
    padding: 7px;
}


div.cartbar {
        padding-bottom: 10px;
}

.cartTotal {
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
}

.cartCheckout {
    margin: 0px auto;
    border-radius: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    background: #2e9f5f;
    width: 150px;
    
}

.cartCheckout a {
    color: #ffffff;
}

.cartbarlink {
	font-weight: bold;
	text-decoration: underline;
}

.cartbarlink:hover {
	color: #ddf;
	font-weight: bold;
	text-decoration: underline;
}

#prefooter {
  width: 983px;
  text-align: center;
  margin: 0 auto;
  margin-top: 0px;
  color: #333333;
  padding: 0 0 4px 3px;
}
#prefooter a {
  color: #336699;
  text-decoration: underline;
}
#product_page {
  margin-bottom:20px;
  padding: 10px;
  border-width: 1px 1px 0px 0px;
  border-style: solid;
  border-radius: 0px 8px 0px 0px;
  border-color: #c4c4c4;
}
.form_block a, #product_page a {
  color: #336699;
  text-decoration: underline;
}

#product_page div.downloads {
  color: black;
  margin-left:10px;
  margin-right:10px;
}

#product_page div.downloads a {
  color: #336699;
}

#fullContent p input, #fullContent p select {
  vertical-align: middle; }

#navigation {
	margin-top: 5px;
	background-image: url(/plugin_assets/substruct/images/public-ui/nav-middle-bg.gif);
	background-repeat: repeat-x;
	height: 60px;
	overflow: hidden;
}

/* TOP NAVIGATION */
#navcap_left {
	float: left;
	width: 10px;
	height: 60px;
	background-image: url(/plugin_assets/substruct/images/public-ui/nav-endcap-left.gif);
	background-repeat: no-repeat;
}
#navcap_right {
	float: right;
	width: 10px;
	height: 60px;
	background-image: url(/plugin_assets/substruct/images/public-ui/nav-endcap-right.gif);
	background-repeat: no-repeat;
}

#navigation-inner {

}

#navigation ul.navigation li {
	background-image: none;
	background-repeat: no-repeat;
	height: 60px;
	margin-right: 10px;
}

#navigation ul.navigation li a{
	background-image: none;
	background-position: top right;
	background-repeat: repeat-x;
	height: 60px;
	font-weight: normal;
	display: block;
	width: auto !important;
	width: 50px;
	text-align: center;
	padding-right: 10px;
	line-height: 65px;
	color: #ffffff;
	font-size: 18px;
	white-space: nowrap;
}
#navigation ul.navigation li.active {
	background-image: url(/plugin_assets/substruct/images/public-ui/nav-tab-left.gif);
	font-size: 1em;
}

#navigation ul.navigation li.active a{
	background-image: url(/plugin_assets/substruct/images/public-ui/nav-tab-right.gif);
	color: #3b3b3b;
	font-style: italic;
	font-size: 1.8em;
	font-weight: normal;
	padding-right: 20px;
	padding-left: 10px;
}

#subnavigation {
	height: 40px;
	background-color: #d0c8c8;
	background-image: url(/plugin_assets/substruct/images/public-ui/subnav-bg.gif);
	margin-left: 10px;
	margin-right: 10px;
}
#subnavigation ul.navigation li {
	height: 40px;
	margin-left: 15px;
}
#subnavigation ul.navigation li a {
	color: #5e5e5e;
	font-weight: normal;
	font-size: 15px;
	line-height: 45px;
	display: block;
}
#subnavigation ul.navigation li.active {
	background-image: url(/plugin_assets/substruct/images/public-ui/subnav-tab-left.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	margin-right: 0px;
}

#subnavigation ul.navigation li.active a{
	background-image: url(/plugin_assets/substruct/images/public-ui/subnav-tab-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-style: italic;
	font-weight: normal;
	padding-right: 15px;
	padding-left: 5px;
}
/* END NAVIGATION */


#submittingText {
	display:none;
	font-weight:bold;
	font-size:1.3em;
	color: green;
	padding: 10px;
}


/* HOME PAGE */

#main_callout {
	width: 690px;
	height: 310px;
	float: left;
}
#minor_callouts {
	width: 240px;
	float: right;
}

h1#new_sale_header {
	width: 120px;
	height: 180px;
	padding-top: 20px;
	text-align:center; 
	background-image: url(/plugin_assets/substruct/images/public-ui/new-sale-header-bg.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	margin-right: 20px;
	color: #f86d0a;
}

.project-images, #product-images {
  float: left;
  margin: 0 2px 0 0;
  padding: 0;
  width: 140px;
}

.project-images img, #product-images img {
  border: 5px solid #ccc;
}
div.bookmark img, div.bookmark a img, div#product_page div.bookmark img, div#product_page div.bookmark a img {
  border: 0px; }
#product-images .line, .project-images .line {
  float: none;
  margin-right: 14px;
  margin-bottom: 12px;
}
#product-images .extra img, .project-images .extra img {
  border: 0px;
  margin: 0 5px 5px 0;
}
.wrapper {
  padding: 0;
  margin-left: 142px;
}
div.insert {
  background: #efe;
  border: 1px solid #282;
  padding: 10px;
}

div.insert a, div#product_page div.insert a {
  color: #669;
}
div.insert div {
  color: #333;
}
div.insert div.projects {
  display: block;
  width: 500px;
  margin-right: 12px;
}
div.insert div.projects ul {
}
div.insert div.projects li {
}
div.insert div.projects li a {
}
div.insert div.parts {
  display: block;
  float: left;
  width: 200px;
  margin-right: 12px;
}
div.insert div.files ul {
  margin-left: 212px; }

#projects h2 {
  margin: -2px 0 8px 3px;
  padding: 0;
}
#projects .form_block h2 {
  margin-left: 0px;
}
.form_block h2 a {
  color: #336699;
}

#projects .form_block {
  margin-bottom: 12px;
}

.new_project_comment label.for_input {
  float: left;
  display: block;
  height: 20px;
  width: 180px;
  padding-right: 7px;
  text-align: right;
  padding-top: 3px;
  clear: left;
}

.comment {
  margin-top: 8px;
}

.comment_body {
  border-left:2px solid #207644;
  margin:0px;
  padding: 0px 6px;
}
.new_project_comment div.errorExplanation {
  background: #207644;
  border: 1px solid #ded;
  padding: 7px;
  margin-bottom: 3px;
}

.new_project_comment div.errorExplanation h2 {
  margin: 0px;
  font-size: 1.4em;
}

#main {
  color: #333;
}

#main .section {
  display: block;
  color: #333;
  float: left;
  width: 220px;
  margin-right: 5px;
}
#main .section a {
  color: #336699;
}


/********************
 +Coderay
*********************/

.CodeRay {
  
  width:580px;
  /*background-color: #f8f8f8;*/
  background-color: #111111;
  border: 1px solid silver;
  font-family: monospace;
  font-size: 11px;
  line-height: 14px;
  color: #100;
}
.CodeRay pre { margin: 0px }

div.CodeRay { }

span.CodeRay { white-space: pre; border: 0px; padding: 2px }

table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
table.CodeRay td { padding: 4px 6px; vertical-align: top }

.CodeRay .line_numbers, .CodeRay .no {
  background-color: #def;
  display: none;
  color: gray;
  text-align: right;
}
.CodeRay .line_numbers tt { font-weight: bold }
.CodeRay .no { padding: 0px 0px }
.CodeRay .code { width: 580px }


ol.CodeRay { font-size: 10pt }
ol.CodeRay li { white-space: pre }

.CodeRay .code pre { overflow: visible }

.CodeRay .af { color:#00C }
.CodeRay .an { color:#007 }
.CodeRay .av { color:#700 }
.CodeRay .aw { color:#C00 }
.CodeRay .bi { color:#509; font-weight:bold }
.CodeRay .c  { color:#888 }

.CodeRay .ch { color:#04D }
.CodeRay .ch .k { color:#04D }
.CodeRay .ch .dl { color:#039 }

.CodeRay .cl { color:#B06; font-weight:bold }
.CodeRay .co { color:#036; font-weight:bold }
.CodeRay .cr { color:#0A0 }
.CodeRay .cv { color:#369 }
.CodeRay .df { color:#099; font-weight:bold }
.CodeRay .di { color:#088; font-weight:bold }
.CodeRay .dl { color:black }
.CodeRay .do { color:#970 }
.CodeRay .ds { color:#D42; font-weight:bold }
.CodeRay .e  { color:#666; font-weight:bold }
.CodeRay .en { color:#800; font-weight:bold }
.CodeRay .er { color:#F00; background-color:#FAA }
.CodeRay .ex { color:#F00; font-weight:bold }
.CodeRay .fl { color:#60E; font-weight:bold }
.CodeRay .fu { color:#06B; font-weight:bold }
.CodeRay .gv { color:#d70; font-weight:bold }
.CodeRay .hx { color:#058; font-weight:bold }
.CodeRay .i  { color:#00D; font-weight:bold }
.CodeRay .ic { color:#B44; font-weight:bold }

.CodeRay .il { background: #eee }
.CodeRay .il .il { background: #ddd }
.CodeRay .il .il .il { background: #ccc }
.CodeRay .il .dl { font-weight: bold ! important; color: #888 ! important }

.CodeRay .in { color:#B2B; font-weight:bold }
.CodeRay .iv { color:#33B }
.CodeRay .la { color:#970; font-weight:bold }
.CodeRay .lv { color:#963 }
.CodeRay .oc { color:#40E; font-weight:bold }
.CodeRay .on { color:#000; font-weight:bold }
.CodeRay .op { }
.CodeRay .pc { color:#038; font-weight:bold }
.CodeRay .pd { color:#369; font-weight:bold }
.CodeRay .pp { color:#579 }
.CodeRay .pt { color:#339; font-weight:bold }
.CodeRay .r  { color:#080; font-weight:bold }

.CodeRay .rx { background-color:#fff0ff }
.CodeRay .rx .k { color:#808 }
.CodeRay .rx .dl { color:#404 }
.CodeRay .rx .mod { color:#C2C }
.CodeRay .rx .fu  { color:#404; font-weight: bold }

.CodeRay .s  { background-color:#fff0f0 }
.CodeRay .s  .s { background-color:#ffe0e0 }
.CodeRay .s  .s  .s { background-color:#ffd0d0 }
.CodeRay .s  .k { color:#D20 }
.CodeRay .s  .dl { color:#710 }

.CodeRay .sh { background-color:#f0fff0 }
.CodeRay .sh .k { color:#2B2 }
.CodeRay .sh .dl { color:#161 }

.CodeRay .sy { color:#A60 }
.CodeRay .sy .k { color:#A60 }
.CodeRay .sy .dl { color:#630 }

.CodeRay .ta { color:#070 }
.CodeRay .tf { color:#070; font-weight:bold }
.CodeRay .ts { color:#D70; font-weight:bold }
.CodeRay .ty { color:#339; font-weight:bold }
.CodeRay .v  { color:#036 }
.CodeRay .xt { color:#444 }



/*      Styles for floating pop-up window dialogs       */

table.dialog {
        border-style: solid;
	border-spacing: 0px; 
        border-radius: 7px;
        border-width: 0px;
}

td.start_left {
    background: #2e9f5f;
    border-radius: 7px 0px 0px 0px;
    padding-bottom: 0px;
    border: 0px;
}

td.start_right {
    background: #2e9f5f;
    border-radius: 0px 7px 0px 0px;
    padding-left: 0px;
    padding-bottom: 00px
}

td.end_left {
    padding-right: 6px;
    padding-top: 10px;
    border-color: #c4c4c4;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-radius: 0px 0px 0px 7px;
}

td.end_right {
    padding-left: 0px;
    padding-top:10px;
    border-color: #c4c4c4;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-radius: 0px 0px 7px 0px;
}

td.content {
	background: #ffffff;
	vertical-align: top;
	text-align: left;
}


td.top {
	background: #2e9f5f repeat top;
        border-radius: 7px 7px 0px 0px;
	position:relative;
	clear:both;
}



td.bottom {
	background: #ffffff;
	height:5px;
	position:relative;
	font-size:25px;
	clear:both;
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
}


td.left {
	background: #ffffff;
	width:25px;
	position:relative;
	font-size:25px;
	clear:both;
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0px 0px 0px 1px;
}

td.right {
	background:#ffffff;
	width:25px;
	position:relative;
	font-size:25px;
	clear:both;
        border-color: #c4c4c4;
        border-style: solid;
        border-width: 0px 1px 0px 0px;
}

.dtitle {
  border-radius: 7px 7px 0px 0px;
  background: #2e9f5f;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
  font-size: 17px;
  line-height: 20px;
  font-weight: bold;
  color: #FFFFFF;
  vertical-align: bottom;
	text-align: left; }

#wikipage .dtitle {
  font-weight: bold; }

.dsubtitle, .dsubtitle p {
	font-family: 'PT Sans', san-serif;
	font-weight: bold;
	line-height: 1.4em;
	/* color: #483324; */
	color: #000;
  padding: 0;
  margin: 0;
}

.dtext, .dtext td, .dtext tr, .dtext table {
	font-weight: normal;
	line-height: 1.4em;
	/* color: #483324; */
	color: #000;
  padding: 0;
  margin: 0;
}

.dtext .CodeRay .code { color: #fff; }

.dtext p, dtext blockquote {
	font-weight: normal;
	line-height: 1.4em;
}

/* style for green floating dialog */




td.contentg {
	background:#289456;
	vertical-align: top;
	text-align: left;
}


td.topg {
	background:url(/images/toptg.png) repeat top;
	height:40px;
	position:relative;
	clear:both
	background:#289456;
	vertical-align: bottom;
}


td.bottomg {
	background:url(/images/bottomg.png) repeat bottom;
	height:25px;
	position:relative;
	font-size:25px;
	clear:both
}


td.leftg {
	background:url(/images/leftg.png) repeat left;
	width:25px;
	position:relative;
	font-size:25px;
	clear:both
}

td.rightg {
	background:url(/images/rightg.png) repeat left;
	width:25px;
	position:relative;
	font-size:25px;
	clear:both
}


.dtitleg {
  margin-top: 0px;
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
  color: #fff;
  vertical-align: bottom;
	text-align: left;
}


.dsubtitleg {
	font-family: 'PT Sans', san-serif;
	font-weight: bold;
	line-height: 1.4em;
	color: #fff;
  padding: 0;
  margin: 0;
}

.dtextg {
	font-family: 'PT Sans', san-serif;
	font-weight: normal;
	line-height: 1.4em;
	color: #fff;
  padding: 0;
  margin: 0;
}



/* style for white floating dialog */




td.contentw {
	background:#ffffff;
	vertical-align: top;
	font-size:14px;
	font-height: 18px;
	text-align: left;
}


td.topw {
	background:url(/images/topw.png) repeat top;
	height:16px;
	position:relative;
	clear:both
	background:#ffffff;
	vertical-align: bottom;
}



td.bottomw {
	background:url(/images/bottomw.png) repeat bottom;
	height:16px;
	position:relative;
	font-size:16px;
	clear:both
}


td.leftw {
	background:url(/images/leftw.png) repeat left;
	width:16px;
	position:relative;
	font-size:16px;
	clear:both
}

td.rightw {
	background:url(/images/rightw.png) repeat left;
	width:16px;
	position:relative;
	font-size:16px;
	clear:both
}


.dtitlew {
  margin-top: 0px;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  color: #000;
  vertical-align: bottom;
	text-align: left;
}


.dsubtitlew {
	font-family: 'PT Sans', san-serif;
	font-weight: bold;
	line-height: 1.4em;
	/* color: #483324; */
	color: #000;
  padding: 0;
  margin: 0;
}

.dtextw {
	font-family: 'PT Sans', san-serif;
	font-weight: normal;
	line-height: 1.4em;
	color: #000;
  padding: 0;
  margin: 0;
}


/* style for green floating dialog */




td.contenta {
	background:#289456;
	vertical-align: top;
	font-size:14px;
	font-height: 18px;
	text-align: left;
}


td.topa {
	background:url(/images/topa.png) repeat top;
	height:25px;
	position:relative;
	clear:both
	background:#289456;
	vertical-align: bottom;
}



td.bottoma {
	background:url(/images/bottoma.png) repeat bottom;
	height:25px;
	position:relative;
	font-size:25px;
	clear:both
}


td.lefta {
	background:url(/images/lefta.png) repeat left;
	width:25px;
	position:relative;
	font-size:25px;
	clear:both
}

td.righta {
	background:url(/images/righta.png) repeat left;
	width:25px;
	position:relative;
	font-size:25px;
	clear:both
}


.dtitlea {
margin-top: 0px;
font-size: 17px;
line-height: 20px;
font-weight: normal;
color: #000;
vertical-align: bottom;
	text-align: left;
}


.dsubtitlea {
	font-family: 'PT Sans', san-serif;
	font-weight: bold;
	line-height: 1.4em;
	/* color: #483324; */
	color: #fff;
  padding: 0;
  margin: 0;
}

.dtexta {
	font-family: 'PT Sans', san-serif;
	font-weight: normal;
	line-height: 1.4em;
	/* color: #483324; */
	color: #fff;
  padding: 0;
  margin: 0;
}


.addtocarta {
        float: center;
        vertical-align: bottom;
        border-width: 0px;
        border: 0 none;
}

.addtocarta img {
        float: center;
        vertical-align: bottom;
        border-width: 0px;
        border: 0 none;
}



.dialogbottombutton {
        border: 0px;
        float: right;
        vertical-align: bottom;
        
}

.dialogbottombutton2 {
        float: left;
        vertical-align: bottom;
}

.dtext a, .dtext a:link, .dtext a:visited, .dtext a:hover {
color: #336699;
text-decoration: none;
}

.dtextg a, .dtextg a:link, .dtextg a:visited, .dtextg a:hover {
color: #fff;
text-decoration: none;
}

.dtexta a, .dtexta a:link, .dtexta a:visited, .dtexta a:hover {
color: #fff;
text-decoration: none;
}

div#newsidebar {
  color:#000;
  float: right;
  margin-top: 0px;
  padding-left:0px;
}

/* New classes and IDs added January 2012 for Hale! Marketing redesign */

#engHeader {
	width: 1012px;
	height: 276px;
	padding-bottom: 0px;
	margin-top: -25px;
	margin-bottom: 14px;
	color: #ffffff;
	overflow: hidden;
	/*background-image: url('/system/0000/2129/engineering__header_bg.png');*/
	background-repeat: no-repeat;
}

#engSubNav {
	float:left;
	width:220px;
}

#insideSubNavigation ul  {
	list-style-type: none;
	line-height: 24px;
	padding-left: 10px;
	margin-left:0
}

#insideSubNavigationLevel2 ul {
	list-style-type: none; 
	line-height: 18px;
	padding-left: 10px
}

#contactLeftColumn {
	width: 500px;
	float: left;
}

#contactRightColumn {
	width: 483px;
	float: right;
}

#contact1 {
	width: 345px;
	background-color: #FFFFFF;
	font-family: 'PT Sans', sans-serif;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	border: 0px #AEAEAE solid;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
} 

#contactTitle1 {
	width: 305px;
	height: 30px;
	background-color: #41798b;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 24px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 0px 20px;
	text-align: left;
        border-radius: 7px 7px 0px 0px;
}

#contactBody {
    border: 1px #AEAEAE solid;
    border-radius: 0px 0px 7px 7px;
}

#contact2 {
	width: 345px;
	background-color: #FFFFFF;
	font-family: 'PT Sans', sans-serif;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
} 

#contactTitle2 {
	width: 305px;
	height: 30px;
	background-color: #2e9f5f;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 24px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 0px 20px;
	text-align: left;
        border-radius: 7px 7px 0px 0px;
} 


#contact3 {
	width: 345px;
	background-color: #FFFFFF;
	font-family: 'PT Sans', sans-serif;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
        
} 

#contactTitle3 {
	width: 305px;
	height: 30px;
	background-color: #2e9f5f;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 24px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 0px 20px;
	text-align: left;
        border-radius: 7px 7px 0px 0px;
} 




#aboutHeader {
	width: 982px;
	height: 238px;
	padding-bottom: 0px; 
	margin-bottom: 14px; 
	background: url('/system/0000/2025/about_header_bg.png');
	background-repeat: no-repeat;
	overflow:hidden;
}

.newsTitle {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 36px;
	line-height: 36px;
	color: #0000000;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 0px;
	text-align: left;
}


.newsHeadline {
	font-family: 'PT Sans', san-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	line-height: 24px;
	color: #0000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
}


#newsBlock {
	width: 660px;
	padding-right: 20px;
	padding-bottom: 10px;
}

#newsSidebar {
	width: 300px;
	float: right;
	border-top: 0;
	border-left: 1px #AEAEAE solid;
	border-bottom: 0;
	border-right: 0;
}

#newsSidebar p {
	font-size: 13px;
	line-height: 16px;
	padding-left: 10px;
	padding-right: 10px;
}

#breadcrumbs {
  font-family: 'PT Sans', sans-serif;
  color: #333333;
  padding: 10px 0px 4px 3px;
  margin-bottom: 8px;
  float: left;
  z-index: 10;
  width: 983px;
}

#action {
	width: 220px;
	padding: 10px 15px 10px 15px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	border: 1px #AEAEAE solid;
	margin-top: 0px;
	margin-bottom: 10px;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(/images/blank.gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 900;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .5;
	filter: alpha(opacity=50);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color: #333333;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 901;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 0px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #fff; /*522E6B*/
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #A266CC;
	border-left: 0px solid #A266CC;
	border-right: 0px solid #36005B;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}

#popupControls {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 999;
	cursor: pointer;
	cursor: hand;
}