/*----------------------
	HTML
----------------------*/
body {
    background-color: #FFFFFF;
    margin:0;
    padding:0;
    height:100%;
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;

}

* {
    font-family: Arial,Helvetica,sans-serif;
    color:#736357;
}

p {
    margin:2px;
    margin-bottom:4px;


}
h1,h2,h3,h4,h4,h6,h7{




}
h1 {
    font-size:1.2em;

}
h2 {
    font-size:1.2em;
    color:#998675;
}
h3 {
    font-size:1em;
}
h4 {
    font-size:0.8em;
    color:#CCCCCC;
    text-align:center;
    border-bottom:1px dotted #CCCCCC;

    padding:5px 0 0 0;
    margin: 0 0 0 0;
    width:150px;
}

a {
    text-decoration:none;
    color:#29AAE1;
}

a:hover {
    text-decoration:none;
    color:#cccccc;
}


img {
    border:none;


}


.submit {
    font-size:11px;


}

.label{

    font-size:6px;
    font-weight:800;
    color:#494949;
    width:170px;
}
#error ul {
    margin:15px;
    padding:0;
    color:#a82019;
    list-style-type: square;

}
.button {
    font-size:11px;
    background-color:#79BD40;
    padding:5px;
    margin-left:3px;
    border:0;
    color:#ffffff;
    width:100%;
    text-transform: uppercase;
    cursor: pointer;
}

#company-search-form {
  margin: 30px 0 0 0;
}

#company-search-form input[type="submit"] {
  padding: 10px;
  margin: 10px 0;
  font-size: 17px;
}
#company-search-form td.col-spacer {
  padding: 0 20px;
}
#company-search-form td.input {
  width: 35%;
}
#company-search-form td > input {
  width: 100%;
}


.button:hover {
    background-color:#FA7E05;


}


.button-reset {
    background-color:#FA7E05;
}

.button-reset:hover {
    background-color:#FA7E05;
     background-color:#79BD40;
}

.button-delete {
    background-color:transparent;
    color:#a82019;
    border:0;
}

.button-delete:hover {
    background-color:transparent;
    border:0;
    color:#cccccc;
}



input.int {
    width:35px;
    text-align:right;
}

input.float {
    width:55px;

    text-align:right;
    font-size:10px !important;
}

input.date {
    width:60px;
    text-align:left;
}

input.time {
    width:5em;
    text-align:left;
}

input.daterange {
    width:135px;
    text-align:left;
}


input.selection {
    border:0 !important;
    background:0 !important;
    width:200px;
}

table.bo-form-table {
    width:100%;
}



/** FORM **/

.small-spacer {
    width:10px;
}

textarea
  {
    overflow:hidden;
    height:auto;
    width:250px;
  }


.bo-form-element-radio {
  border:0;
  width:auto;
  margin-right:10px;
}

input,textarea,select {
    font-size: 11px;
    background:transparent;
    padding:2px;
    margin:2px;
    border:1px solid #cccccc;

}

select {
  width:99%;
}

label {
    padding-right: 5px;
    margin-top: 2px;
    float:left;
}

.bo-form-table td {
vertical-align: top;
}
.bo-form {

}

.bo-form table td{
vertical-align: top;
}

.bo-form-col-spacer {
    width:30px;
}

.bo-form-col {
 vertical-align: top;
}

.ui-dialog .bo-title {
 display:none;
}

td.bo-form-label,.bo-form-label-sub {
   color:#000000;
   padding-top:5px;
}

td.spacer {
    width:30px;
}

td.bo-form-label-sub {
    width:auto !important;
    border-top: 0;
    min-width:10px;
    vertical-align: middle
}

.bo-form-buttons {
float:right;

}

td.bo-form-element,td.bo-form-element-sub {
    color:#000000;
    background-position:left;
    padding:2px;
    vertical-align: middle;

}

td.bo-form-element-sub {
  vertical-align: middle;
}



.bo-form-element-number {
    width:50px;

}

td.bo-form-description {
    font-style:italic;
    padding:2px;
    font-size:11px;
}


td.bo-form-required {
    font-size:20px;
    padding-top:10px;
    padding-left:10px;
    vertical-align: top;
    color:#a82019;
}

.bo-form-error {
     color:#a82019;
     font-weight: bold;
     padding:10px;
     padding-left:0;
}

input.error,select.error,textarea.error {
    border:1px solid #a82019;
}

label.error {
     color:#a82019;
     margin-top:10px;
     width:100%;
}

.bo-form-element-text {

}
.bo-form-element-textarea {

}
/** MESSAGE **/

#message {
    position:absolute;
    top:115px;
    font-size:13px;
    font-weight:bold;
    padding:5px;
    left:200px;
    z-index:900;
    text-align:left;
    padding-left:30px;
    background-position: left;
    background-repeat: no-repeat;
}

.message-notice {
    color:#fa7e05;
    background-image:url('../images/icons/notice.png');

}

.message-success {
    color:#62ad37;
    background-image:url('../images/icons/ok.png');
}

.message-error {
    color:#a82019;
    background-image:url('../images/icons/error.png');

}

.message-guide {
   background-image:url('../images/icons/guide.png');
}


/*----------------------
	Layout
----------------------*/

div#login {

 float:right;
 margin-top:5px;
}

div#login a.login-button {
    font-weight: bold;
}

div#top {

padding-bottom: 5px;
display:none;

}

div#container {
   width:950px;
   position:absolute;
   margin-left:-475px;
   left:50%;
   top:0;
   margin-top:0;
}
select#search-industries {
  /*max-width: 130px;*/
}
div#logo {
    text-align:center;
}

div#site-name {
    text-align:center;
    font-weight: bold;
    font-size:10px;
    color:#cccccc;
    text-transform:uppercase;
}

div.checkout h1 {
    background-color:#DADFE0;
    padding:5px;
    font-size:13px;
    font-weight:normal;
}



div#footer {
    margin-top:25px;
    text-align:center;
    color:#DADFE0;
    border-top:1px solid #DADFE0;
    padding-top:5px;
    float:left;
    width:100%;
}

/* CHECKOUT */

div.block {
    float:left;
    width:100%;
    background-color:#F7F7F7;
    border:1px solid #DDDDDD;
    margin-top:15px;
}
div.block h2 {
border-bottom:1px solid #DDDDDD;
color:#000000;
font-size:130%;
margin:0;
padding:0;
padding-bottom: 3px;
margin-bottom:10px;

}

div.block-content {
    padding:10px;
    margin-bottom: 10px;
}

div.top-wrapper {
    float:left;
    width:100%;
    border-top:1px solid #CCCCCC;
    padding-top:25px;
    margin-top:25px;
}


/** TOTALS **/
#totals {
   position:relative;



}

#totals .total {
display:block;
font:400% Georgia,Times,"Times New Roman",serif;
color:#79BD40;
}

#totals .fee {
display:block;
font:120% Georgia,Times,"Times New Roman",serif;
text-align: right;
color:#fa7e05;

}

#totals .tax {
display:block;
font:130% Georgia,Times,"Times New Roman",serif;
text-align: right;
color:#fa7e05;

}

.currency {
    text-align:right;
}

.red {
    color:#a82019 !important;
}
.green {
    color:#62ad37 !important;
}

.orange {
    color:#fa7e05 !important;
}

.notice {

border:1px solid #FF9966;
color:#000000;
padding:5px;
background-color:#FFEFEB;
text-align:center;
}


div.message{
    background: transparent url(msg_arrow.gif) no-repeat scroll left center;
    padding-left: 7px;
}

div.error{
    background-color:#a82019;
    color:#ffffff;
    margin-top:2px;
    padding: 3px;
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


/** CUSTOMER **/

.ship-to-billing {
    font-weight:bold;
    padding-top:10px;
}

/** PAYMENTS **/

.payment-template {
    float:right;

    padding:10px;
}

.payment-methods {
    float:left;
}

.payment-price {
    color:#CC9933;
}

.payment-name {
    font-weight: bold;
}

.payment-name-selector {
    padding-right:5px;
}


/** NEWSLETTER **/
div#newsletter input, div#newsletter label {
     font-size:120%;
}


/** discount code **/

.discount-result {
font:140% Georgia,Times,"Times New Roman",serif;

}

.discount-label {
font-weight: bold;
font:120% Georgia,Times,"Times New Roman",serif;
padding-right:10px;
}

.discount-operator {
font:300% Georgia,Times,"Times New Roman",serif;
color:#a82019
}

.discount-before {
 font:130% Georgia,Times,"Times New Roman",serif;
 color:#FA7E05;
}

.discount-discount {
 font:130% Georgia,Times,"Times New Roman",serif;

 color:#a82019;
}

.discount-equals {
font:300% Georgia,Times,"Times New Roman",serif;
}
.discount-percentage {
font:120% Georgia,Times,"Times New Roman",serif;
font-style:italic;
 color:#79BD40;
padding-left:10px;
}

.discount-total {
    float:right;
    font:300% Georgia,Times,"Times New Roman",serif;
     color:#a82019;
}



/** COMPLETE **/

div.complete {
    padding-bottom:20px;
    float:left;
    width:100%;
    margin-top:15px;

}

#complete-button {
    font-size:150%;
    margin-right: 0px;
    padding:10px;

}

.conditions {
    font-size:140%;
    padding-top: 10px;
}

.return-to-store {
    float:right;
    font-size:10px;
    display:block;
    margin-top:18px;
}


/** NUMBERS **/

.numbers {
    font-size:15px;
    padding:10px;
    color:#9EB579;
    text-align: center;
    font-weight: bold;
    border:2px dotted #9EB579;
    margin-bottom: 10px;
}


/** EXCLUDES **/
#excludes {
    width:100%;
    float:left;

}

.excludes-list {
    max-height: 300px;
    overflow-y:auto;
}

/** FILTERS **/

.ui-autocomplete-loading {
    background: url("../images/ui-anim_basic_16x16.gif") no-repeat scroll right center white;
}

#filters-active {

}

#filters {
    width:100%;
    float:left;

}

.filter-group {

   margin-bottom:5px;
   float:left;
}

ul.filter-list {
float:left;
list-style-type:none;
margin:0;
padding:0;
width:100px;

}

ul.filter-list li.filter {
   list-style-type:none;
   float:left;
   padding:0;
   color:#ffffff;
   background-color:#70B7FF;
   width:120px;
   font-weight: bold;
   border:1px solid #0167FF;
   margin-bottom: 3px;
   font-size: 11px;
   cursor:move;
}

.gripper {
background:url("../images/gripper.gif") no-repeat scroll center center #0167FF;
height:20px;
width:20px;
float:left;


}

.name {
    float:left;
    margin-left:5px;
    padding:3px;
}


.filter-drop {
border:2px dotted #70B7FF;
color:#70B7FF;
font-weight:bold;
padding-top:20px;
padding-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:100%;

}

.filter-drop-hover {
     border:3px dotted #0167FF;
}

.filter-loading {
color:#8cc63f;
font-weight:bold;
padding-top:20px;
padding-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:100%;
}

/** FILTER-VIEW **/

div.filter-view {
margin-bottom: 5px;
float:left;
width:195px;
}

div.filter-title {
    background-image:url('../images/filter_bg.jpg');
    background-repeat:repeat-x;
    padding:5px;
    border:1px solid #e6e6e6;
}

div.filter-title a {
    display:block;
    background-image:url('../images/button_arrow_right.gif');
    background-position: left center;
    padding-left:15px;
    background-repeat: no-repeat;
    color:#736357;
    cursor: pointer;
}

div.view-active div.filter-title a {
    background-image:url('../images/button_arrow_down.gif');
    font-weight: bold;
    color:#8cc63f;
}

div.view-active {
    border:1px solid #e6e6e6;
}

div.view-active .filter-title {
    border:0;
    background:none;
}





div.view-active div.filter-edit {
    padding:5px;
}

div.filter-description {
    font-style:italic;
    padding-bottom:5px;
}

div.filter-view h2 {
    background-color:#0066FF;
    padding: 5px;
    color:#ffffff;
    font-weight: bold;
    font-size:11px;
    margin:0;
}


ul.selectlist-list {
    max-height: 1755px!important;
}

li.selectlist-item {

color:#998675;
padding:1px;
margin-bottom:2px;
font-size:10px;
background-color: #f5f5f5;
}

.filter-submit {

    padding:3px;
    margin:-5px;
    margin-top:5px;
    text-align: right;
}



.range-label {
    font-weight:bold;
    float:left;
    padding-top:5px;
}

.range-slider {
    margin-top:5px;
}

/*----------------------
	GRID
----------------------*/

.company-total {
  font-size:17px;
  color:#8CC63F;
  background-color:#998675;
  padding:5px;
  color:#ffffff;
  margin-bottom: 5px;
  padding-left:10px;
  padding-right:10px;
}

.grid-results {
            display:none;
}

div.grid-container {
    float:left;
    width:100%;
}

table.grid {
clear:both;

width:100%;
font-size:12px;

}
table.grid th,table.grid td.inline-header, table.grid thead td {

    background-color:#ededed;
    color:#736357;
    border:0;

}

table.grid td.inline-header {


}

table.grid td.sub {
    background-color:#FEE197;
    font-weight:bold;
}

table.grid th img {
margin-left:20px;
}

table.grid th a {
display:block;
width:100%;
color:#736357;
font-weight:bold;
padding-top:3px;
padding-bottom:3px;
}

table.grid th a.sort {
display:block;
color:#8cc63f !important;
width:100%;
}

table.grid .filter-clear {
    float: right;
}



table.grid td.filter {
    padding:10px;
    text-align:left;
    vertical-align:top;
    border:0;
}

table.grid td.row-full {
    border:0;
    border-bottom:1px solid #DADFE0;
    background-color:#ffffff;
}

table.grid td.filter input {
    border:1px solid #cccccc;
    background-color: #ffffff;
}

table.grid td.filter img {
    float:left !important;
}

table.grid input {
    border:1px solid #000000;
    margin:0;
    padding:2px;

}

table.grid td.filter input, table.grid td.filter textarea,table.grid td.filter select {
  width:99% !important;
}

table.grid textarea {
    border:1px solid #000000;
    margin:0;
    padding:2px;
}

table.grid select {
    border:1px solid #000000;
    margin:0;
    padding:1px;

}

table.grid td.cell-first,table.grid td.cell-second,table.grid tbody td {
    border-color:#DADFE0;
    border-style:solid;
    border-width:0 1px 1px 0;
    background-color: #ededed;
    color:#736357;
}

.top5 {
    margin-top: 5px;
}

table.grid td.cell-first {
    border-bottom:1px solid #e4e4e4;
}

table.grid td.cell-second {
    border-bottom:1px solid #e4e4e4;
}

td.grid-cell-clickable-over {
   background-color: #09D2EC;
   cursor: pointer;

}


table.grid tr.grid-row {

}

table.grid tr.grid-row-over {
    background-color:#FEE197;
}
table.grid tr.grid-row-clickable {
   cursor:pointer;
}



table.grid td.pagnition {

    padding:5px;
    text-align:left;;
    border:0;

}

table.grid td.pagnition a {
   color:#998675;
   font-size:13px;
   font-weight: bold;

}
a.grid-active-page {
    color:#8cc63f !important;
    font-weight:bold;
}
table.grid td {
    padding:5px;
    padding-left:10px;
    vertical-align:top;
}

table.grid td.empty-grid {
    text-align:center;
    font-weight:bold;
}

td.row-full div b {
    display:none;
}


div#updating {
    position:absolute;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:100%;
    vertical-align: middle;
    /* for IE */
    filter:alpha(opacity=60);
  /* CSS3 standard */
     opacity:0.6;
     background-color:#FFFFFF;
     z-index:9999;

}

div#updating div {

    color:#000000;
    font-weight:bold;
    font-size:25px;
    margin-left:auto;
    margin-right:auto;
    margin-top:25%;
    text-align:center;
    text-transform: uppercase;

}



/** PRODUCTS **/

.customer-discount {
  text-align:center;
  color:#FFFFFF;
  background-color:#998675;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 5px;
  padding: 5px;
  width:99%;

}

.customer-discount span {


 font-size:11px;

}

.product {
    background-color:#EDEDED;
    padding:10px;
    border:1px solid #e6e6e6;
    margin-bottom:10px;
    float:left;
    width:93%;
}
ul.selectlist-list {
    max-height: 1326px;
    overflow: scroll;
}
.product-info {
    float:right;
}

.product-info a {
   background-color:#ffffff;
   padding:7px;
   color:#736357;
   padding-top:2px;
   padding-bottom:2px;
   font-weight: bold;
   text-align:center;
}

.product-info a:hover {
 background-color:#FA7E05;
 color:#ffffff;
}

.product .title h3 {
    color:#736357;
    margin:0;
    padding:0;
}

.product .sub-title {
float:left;
}

.product .short-description {
    border-top:1px solid #e6e6e6;
    margin-top: 5px;
    padding-top:5px;
    float:left;
}

.product .product-buy {
    margin-top:10px;
    float:left;
}

.product .versions {
    margin-top:5px;
    float:left;
}

.product .to-many-companies {
    background-color:#ffffff;
    padding:3px;
     border:1px solid #e6e6e6;
     font-weight: bold;
     text-align:center;
      float:left;
      color:#FA7E05;
}

/** CART **/

.cart-total {
    font-weight: bold;
    font-size: 13px;
    border-top:1px solid #e6e6e6;
    padding-top:5px;
}

.cart-buy-button {
    font-size: 14px;
    padding:5px;
    margin-top:5px;
}

.buy {
    text-align:right;
}