#up
{
    overflow:hidden; /*temporary fixed width for staging*/
    width:100%;
}

#up a
{
    color: #007b4a !important;
    font-weight:bold;
    font-size:16px !important;
}

#up a:hover
{
    color: #7c7365 !important;
}

#iq input[type="text"]
{
    width: 500px;
}

.multiline
{
    width: 500px;
    height:250px;
    background: #fff;
}

.notifyred
{
    color: #fff !important;
    padding:10px 20px;
    background-color:#ff0000;
    font-weight:bold;
}

#iq .notifyred
{
    color: #fff !important;
    padding:10px 20px;
    background-color:#ff0000;
    font-weight:bold;
}

#iq .notifySuccess
{
        color: #fff !important;
    padding:10px 20px;
    background-color:#009900;
    font-weight:bold;
}

#iq .notifyFail
{
    color: #fff !important;
    padding:10px 20px;
    background-color:#ff0000;
    font-weight:bold;
}

.validator
{
    color: #FF0000 !important;
    margin-left:10px;
    font-size:13px;
    padding:0;
    font-weight:bold;
}

.validator2
{
    color: #ffffff !important;
    margin-left:10px;
    font-size:14px;
    padding:0;
    font-weight:bold;
    background-color:#ff0000;
    padding:5px 10px;
}

#iq select
{
    background-color: #ffffff;
    width: 500px !important;
}
#functionButtons
{
    margin-top:10px;
    float:right;
    text-align:right;
}
#manualsBasket
{
    margin-bottom:10px;
}
.lstClass
{
    width:50px;
}
.dateInput
{
    width: 100px;
}
.txtQty
{
    background-color: #fff;
    text-align:right;
    padding:2px;
}
#r2
{
    margin-top:20px;
}
.txtNotes
{
    background-color: #fff;
}
.sumHeading
{
   font-weight:bold;
   padding-bottom:5px;
}
.sumHeadingCode
{
   font-weight:bold;
   padding-bottom:5px;
   width:100px;
}
.sumHeadingDesc
{
   font-weight:bold;
   padding-bottom:5px;
}
.sumHeadingRight
{
   font-weight:bold;
   padding-bottom:5px;
   text-align:right;
}
.sumBody
{
   padding-bottom:2px;
}
.sumBodyRight
{
   text-align:right;
   padding-bottom:2px;
}
.shippingTable
{
   margin-bottom:10px;
}
.shippingCol
{
  width:125px;
  padding-bottom:4px;
}
.shippingCol2
{
  padding-bottom:4px;
}
.hiddenfield
{
    display:none;
}
.delegateLink
{
   margin-left:5px;
}
.rptbuttons
{
   margin-left:0px;
   border: solid 1px #cdcdcd;
   vertical-align:middle;
}

#printButtons
{
    width:100%;
    text-align:right;
   border: solid 0px #000;
}

.txtMessage
{
    background-color: #fff;
}

.txtNonEdit
{
    background-color: #cccccc;
}
.txtSearch
{
    background-color: #fdfdfd;
    padding:5px;
}
#searchbox
{
 vertical-align:middle;
 padding: 5px 0 5px 0;
}
.optionaddbox
{
    float:left;
    overflow:hidden;
 vertical-align:middle;
 padding: 5px 0 5px 0;
 width:100%;
 margin-bottom:10px;
}

.optionaddbox label {

    float:left;
    text-align:right;
    width:auto !important;
    margin:0 10px 0 0;
    font-weight:normal;
}

.optionaddbox input[type=text] {

    float:left;
    margin-right:10px;
}

.optionaddbox select{

    float:left;
    margin-right:10px;
}

.optionaddbox input[type=submit] {
    padding: 5px 10px;
    background: #007b4a;
    color: #fff;
    border: 0 none;
    cursor: pointer;
    font-size:14px;
    float:left;
}

.optionaddbox span
{
float:left;
font-size:13px;
margin-top:5px;
}


.optionaddbox input[type=submit]:hover {
    background: #7c7365;
}
.searchButton
{
}
.submitButton2
{
    margin: 10px 0 0 0;
}

.fieldsetblank
{
    border: 0px Solid #fff;
    Margin: 0;
    background: #ffffff;
    padding:0;
}

fieldset {
  padding: 20px;
  font-size:16px;
  background:#eeeeee;
  border:0px solid #b9b9b9;
  margin-top:30px;
  padding-top:30px;
    position:relative;
  }
label {
  float:right;
  width:30% !important;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  line-height:15px;
  }

legend {
  padding: 7px 15px;
  border:1px solid #13202a;
  color:#fff;
  background:#13202a;
  font-size:90%;
  text-align:center;
  font-size:16px;
  position:absolute;
  left:20px;
  top:-15px;
  }




#partner_portal {
padding:20px 0;
}

#partner_portal p{
margin: 0 0 10px 0;
}

#partner_portal h1{
margin: 0 0 15px 0;
}

#partner_portal h2{
margin: 0 0 15px 0;
}

#partner_portal h3{
margin: 0 0 15px 0;
}

fieldset label
{
    width: 200px;
    display: inline-block;
    vertical-align: top;
    /*font-size:13px;*/
}

form input[type=text], form input[type=password] 
{
    display: inline-block;
    width: 320px;
    border: 1px solid #ccc;
    padding:5px;
background: #fff;
}

.inputLocked
{
    display: inline-block;
    width: 320px;
    border: 1px solid #ccc;
    padding:5px;
    background-color: #e6e6e6;
}

TextArea
{
    display: inline-block;
    width: 320px;
    border: 1px solid #ccc;
    padding:5px;
    height: 200px;
}
select
{
    border: 1px solid #ccc;
    padding:5px;
}

form input[type=text]:hover, form input[type=password]:hover, textarea:hover, select:hover,  input[type=text]:focus, textarea:focus {
	border-color: #269dd6;
	box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.15) 0px 0px 8px;
}

fieldset input[type=submit] {
    padding: 10px 30px;
    background: #007b4a;
    color: #fff;
    border: 0 none;
    cursor: pointer;
    float:right;
    font-size:16px;
    border-radius: 30px
}


fieldset input[type=submit]:hover {
    background: #7c7365;
}



a.viewQuote {
    padding: 4px 10px;
    background: #007b4a;
    color: #fff;
    border: 0 none;
    cursor: pointer;
    float:right;
    font-size:12px;
    margin-left:5px;
}


a.viewQuote:hover {
    background: #7c7365;
        color:#fff;
}

a.viewQuote2 {
    padding: 10px 20px;
    background: #007b4a;
    color: #fff;
    border: 0 none;
    cursor: pointer;
    float:left;
    font-size:16px;
}


a.viewQuote2:hover {
    background: #7c7365;
        color:#fff;
}

#continuewrap {
width:100%;
margin-top:20px;
float:left;
}



#searchbox input[type=submit] {
    padding: 5px 10px;
    background: #007b4a;
    color: #fff;
    border: 0 none;
    cursor: pointer;
    font-size:14px;
    border-radius: 10px
}


#searchbox input[type=submit]:hover {
    background: #7c7365;
}


.catalog {
    width:100%;
}

table.catalog th {
    background-color: #666666;
    color: #333;
    padding:5px;
    color:#fff;
    font-weight: normal;
}

ul.tabs_v2 li {
    background-color: transparent;
    border-radius: 0;
    float: left;
    font-weight: normal;
    font-size:22px;
    margin: 0 0 20px -25px;
    padding: 0;
    text-align: left;
    color:#000;
    list-style-type:none
}

table.catalog {
    margin-bottom:20px;
}

table.catalog th, table.catalog td {
    border-bottom: 1px solid #d9d9dc;
    margin: 0;
    padding: 8px 15px;
    text-align: center;
    font-size:14px;
}

table.catalog tr.alt {
    background-color: #ececee;
}

table.catalog tr {
    background-color: #fff;
}

.qdd {
    float:none !important;
    padding-left:3px;
    padding-right:10px;
    font-size:14px;
}

#functionButtons input[type=submit] {
    padding: 10px 30px;
    background: #007b4a;
    color: #fff;
    border: 0 none;
    cursor: pointer;
    font-size:16px;
    border-radius: 30px

}

#functionButtons input[type=submit]:hover {
    background: #7c7365;
}

table.catalog input[type=submit] {
    padding: 3px 7px;
    background: #7f7f7f;
    color: #fff;
    border: 0 none;
    cursor: pointer;
    font-size:12px;
    border-radius: 10px
}

table.catalog input[type=submit]:hover {
    background: #7c7365;
}

#contactbox {
background:#eeeeee;
padding:10px 30px 10px 20px;
border:1px solid #cdcdcd;
float:right;
margin-top:0px;

}

#contactbox h2{
font-size:14px;
margin:0 !important;
padding:0 !important;
font-weight:bold;
margin-bottom:-20px !important;

}

#contactbox h3{
font-size:14px;
margin:0 !important;
padding:0 !important;
font-weight:normal;
margin-bottom:1px;
}

#contactbox h4{
font-size:14px;
margin:0;
padding:0;
font-weight:normal;
margin-bottom:1px;
}

#contactbox span{
}

#contactbox2 {
background:#eeeeee;
padding:10px 30px 10px 20px;
border:1px solid #cdcdcd;
float:right;
}

#contactbox2 h2{
font-size:14px;
margin:0;
padding:0;
font-weight:bold;
margin-bottom:8px;

}

#contactbox2 h3{
font-size:14px;
margin:0;
padding:0;
font-weight:normal;
margin-bottom:1px;
}

#contactbox2 h4{
font-size:14px;
margin:0;
padding:0;
font-weight:normal;
margin-bottom:1px;
}

#contactbox2 span{
}

.hwrapper {
overflow:hidden;
max-width:100%;
margin-left:30%;
}

.formHelper {
    float:left;
    margin: 20px 0 10px 5px;
    background:#e3e3e3;
    border:1px solid #d0d0d0;
    overflow:hidden;
    padding:5px 10px 0 10px;
    font-size:13px;
    width:500px;
}

.formHelper p{
    margin:0;
    padding:0;
}

.formHelper2 {
    float:right;
    margin: 10px 0 10px 206px;
    background:#e3e3e3;
    border:1px solid #d0d0d0;
    overflow:hidden;
    padding:5px 10px 0 10px;
    font-size:13px;
    width:400px;
    clear:both;
}

.formHelper2 p{
    margin:0;
    padding:0;
}

#loginleft {

float:left;
width:45%;
margin-right:5%;
margin-top:30PX;
}

#loginright {

float:left;
width:50%;
border:1px solid #cdcdcd;
background:#f7f7f7;
padding:20px;
}

#loginright h2{
    font-size:22px;
    margin:0;
    padding:0;
    margin-bottom:20px;
    line-height:28px;
}

#loginright p{
    font-size:15px;
        margin:0;
    padding:0;
    margin-bottom:15px;
}

#startleft {

float:left;
width:45%;
margin-right:5%;
margin-top:30PX;
border:1px solid #cdcdcd;
background:#f7f7f7;
padding:20px;
}

#startright {

float:left;
width:50%;
padding:20px;

}

#startleft h2{
    font-size:22px;
    margin:0;
    padding:0;
    margin-bottom:20px;
    line-height:28px;
}



#startleft p{
    font-size:15px;
        margin:0;
    padding:0;
    margin-bottom:15px;
}

#startright label {
  width:20% !important;
  font-size:15px;
  line-height:20px;
  }
    #startright  select
{
    width: 350px!important;
    padding:10px;
}

    #startright p{
    font-size:15px;
        margin:0;
    padding:0;
    margin-bottom:25px;
}






#loginright ul {
margin:0 !important;
padding-left:12px !important;
list-style-type: disc !important;
}

#loginright ul li{
margin:0 !important;
padding:0 !important;
padding-bottom:5px !important;
font-size:13px !important;
list-style-type: disc !important;
}

.intrightwrapper {
width:220px;
overflow:hidden;
float:right;
}

.intright {

float:right;
width:220px;
border:1px solid #cdcdcd;
background:#f7f7f7;
padding:20px;
margin-bottom:20px;
}

.intright h2{
    font-size:16px;
}

.intright p{
    font-size:13px;
    line-height:18px;
}


.intright ul {
margin:0 !important;
padding-left:12px !important;
list-style-type: disc !important;
}

.intright ul li{
margin:0 !important;
padding:0 !important;
padding-bottom:5px !important;
font-size:13px !important;
list-style-type: disc !important;
}


#loginleft label
{
    width: 100px;
    display: inline-block;
    vertical-align: top;
    font-size:14px;
    text-align:left;
    color:#000;
}



#loginleft input[type=submit] {
    padding: 10px 30px;
    background: #007b4a;
    color: #fff;
    border: 0 none;
    cursor: pointer;
    float:left;
    font-size:16px;
    margin-left:300px;
}

#repsum h2
{
font-size:25px;
margin:10px 0 10px 0 !important;
padding:0 !important;
line-height:30px
}

#repsum
{
    overflow: hidden;
    margin: 20px 0 20px 0;
}

    #searchbox select
{
    width: 100px!important;
}

.op1 {
    width: 200px;
    float: left;
    margin-right: 30px;
    margin-top:20px;
    height: 200px;
    background-color: #007b4a;
    padding:20px;
   color:#ffffff;
   text-align:center;
}

.op1:hover {
    background-color: #7c7365;
}



/* Media queries for responsive site*/

@media (max-width: 1025px)
{

    #loginleft{

float:left;
width:90%;
}

#loginright {

float:left;
width:80% !important;
margin-top:20px;
overflow:hidden;
}
    #startleft{

float:left;
width:90%;
}

#startright {

float:left;
width:80% !important;
margin-top:0px;
overflow:hidden;
}


#loginright ul {
width:80% !important;
}

#loginright ul li{
width:80% !important;
padding-left:0 !important;
}

label {
  float:right;
  width:90% !important;
  margin:0;
  padding:0;
  margin-bottom:10px;
  text-align:left;
  }

#loginleft input[type="text"]
{
    width: 90% !important;
    float:left;
    margin-bottom:20px;
}

#loginleft input[type="password"]
{
    width: 90% !important;
    float:left;
    margin-bottom:20px;
}

#loginleft input[type="submit"] {
    float:left !important;
    margin:0;
    width:90%;
    text-align:center;
}

fieldset input[type="submit"] {
        float:left !important;
    margin:0;
    width:90%;
    text-align:center;
}


#iq input[type="text"]
{
    width: 90% !important;
    float:left;
    margin-bottom:20px;
}

input[type="text"]
{
    width: 90% !important;
    float:left;
    margin-bottom:20px;
}

.multiline
{
    width: 90%;
    float:left;
}

.intrightwrapper {
width:90% !important;
overflow:hidden;
float:left;
}

.intright {

float:left;
width:90% !important;
margin-bottom:20px !important;
margin-top:20px;
overflow:hidden;
}

.hwrapper {
overflow:hidden;
max-width:100%;
margin-left:0;
float:left;
margin-bottom:20px;
}

.formHelper {
    float:left;
    margin: 0;
    overflow:hidden;
    padding:5px 10px 0 10px;
    width:90%;
}

.formHelper2 {
    float:left;
    margin: 0;
    overflow:hidden;
    padding:5px 10px 0 10px;
    width:90%;
    margin-top:20px;
}

.validator
{
    display:none;
}

#iq select
{
    width: 90% !important;
}

select
{
    width: 90% !important;
}

#contactbox {
    float:left;
margin-bottom:20px;
width:100%;

}


    #p1
    {
        overflow:hidden;
        width:90%;
        display:initial;
    }

    #searchbox
    {
        width:100%;
        overflow:hidden;
    }

#searchbox input[type=submit] {
    width:90% !important;
    margin:0;
    float:left;
    margin-bottom:5px;
    margin-top:10px;
    text-align:center;
}

    .s1
    {
        float:left;
        width:90%;
    }


#functionButtons input[type="submit"]{
    width:90% !important;
    margin:0;
    float:left;
    margin-bottom:10px;
    margin-top:0;
    text-align:center;
}

fieldset input[type="submit"]{
    width:90% !important;
    margin:0;
    float:left;
    margin-bottom:10px;
    margin-top:0;
    text-align:center;
}

    input[type="password"]
    {
width: 90% !important;
    float:left;
    margin-bottom:20px;
    }

    #functionButtons
    {
        width:100%;
    }

    #searchbox select
{
    width: 90% !important;
    margin-bottom:20px;
}

    .optionaddbox
{
    float:left;
    overflow:hidden;
 vertical-align:middle;
 padding: 5px 0 5px 0;
 width:100%;
 margin-bottom:10px;
}

.optionaddbox label {

    float:right;
    text-align:left;
    width:auto !important;
    margin:0 10px 10px 0;
    font-weight:normal;
    width:100% !important;
}

.optionaddbox input[type=text] {

    float:left;
    margin-right:0;
    width:90% !important;
}

.optionaddbox select{

    float:left;
    margin-right:0px;
    width:90% !important;
}

.optionaddbox input[type=submit] {
    width:90% !important;
}

.table-container
{
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}

}





@media screen and (max-width: 800px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    display: block;
    margin-bottom: 0;
    overflow:hidden;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right !important;
    width:100% !important;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: right;
    font-weight: bold;
    text-transform: uppercase;
    text-align:left !important;
  }
  
  table td:last-child {
    border-bottom: 0;
  }

  table.catalog input[type=submit] {
    width:auto !important;
    margin-bottom:20px;
}

}

#advert {
    margin-top: 20px;
    margin-bottom:20px;
    overflow:hidden;
    padding-bottom:20px;
}

#block-menuprincipal {
    padding: 64px 0 !important;
}

p {
    text-align:right !important;
}

h2 {
    text-align:right !important;
}