body {
    background: #fff;
    font-family: 'Ubuntu', sans-serif;
    line-height: 28px;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-overflow-style: scrollbar;
    overflow-x: hidden;
	font-size: 16px;
	font-weight: 300;
}


.ask-a-question-view h1 {
text-align: left;
background: #50545f;
color: #fff;
padding: 5px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
font-weight: 400;
margin: 5px 0;
margin-bottom: 10px;
}

#bd_results,
.contentpane {
}

.contentpane {
margin: 0;
min-height: 525px;
}


#system-message-container.ukryj,
.wiadomosci.ukryj {
display: none;
}

.product-image {
width: 100%;
max-width: 100%;
height: auto;
padding-top: 10px;
}

.manufacturer-image img {
max-width: 200px;
}

.ask-a-question-view h2 {
margin-top: 0;
margin-bottom: 20px;
}

.ask-a-question-view textarea {
width: 100%;
box-sizing: border-box;
}

.ask-a-question-view .product-summary .clear {
display: none;
}

.ask-a-question-view .product-summary {
width: 340px;
display: table-cell;
padding: 10px;
box-sizing: border-box;
background: #f7f8fa;
}

.ask-a-question-view .form-field  {
width: 700px;
display: table-cell;
box-sizing: border-box;
padding-left: 20px;
}

.short-description {
font-size: 14px;
line-height: 18px;
}

.manufacturer-product-link a,
.productdetails-view button,
.highlight-button {
display: inline-block;
padding: 11px 20px;
background: #306fb4;
color: #fff;
font-size: 18px;
margin: 20px auto;
width: 290px;
text-align: Center;
border: 0;

cursor: pointer;
text-decoration: none;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}

.manufacturer-product-link a {
width: auto;
}

.productdetails-view button:hover,
.highlight-button:hover {
color: #fff;
background: #0081c6;
}



.ask-a-question-view .form-field .askform input, .ask-a-question-view .form-field .askform textarea {
display: block;
width: 98%;
box-sizing: border-box;
border: 1px solid #e2dfe4;
padding: 10px;
box-sizing: border-box;
font-size: 18px;
background: #fff;
color: #888;
font-weight: 300!important;
box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
font-family: 'Lato', sans-serif;
margin-bottom: 10px;
}

.ask-a-question-view .form-field .submit input.counter {
box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
font-weight: 300!important;
border-radius: 0!important;
border: 1px solid #e2dfe4;
padding: 4px;
border-radius: 40px;
}

.ask-a-question-view .form-field .askform input {
height: 40px;
}

.ask-a-question-view .form-field .askform textarea {
max-height: 150px;
}


table.askform td label {
width: 70px;
}


#system-message-container {
max-width: 1800px;
margin: 0 auto;
}

#system-message-container .close {
background: #fff;
width: 30px;
height: 30px;
line-height: 30px;
float: right;
border: 0;
text-align: Center;
cursor: pointer;
}

#system-message-container .alert {
padding: 15px;	
}

#system-message-container .alert.alert-error {
background: #f1dfdc;
color: #63231a;
}

#system-message-container .alert.alert-message {
background: #d8eeec;
color: #196d66;
}

#system-message-container .alert.alert-warning {
background: #e7dac5;
color: #7b530d;
}

h4.alert-heading {
margin: 5px 0;
margin-top: 0;
}

#system-message-container .alert.alert-notice {
background: #d0e8ea;
color: #19666d;
}



@media screen and (min-width:0px) and (max-width:420px) {
.ask-a-question-view .form-field,
.ask-a-question-view .product-summary {
display: block;
width: 100%;
box-sizing: border-box;
}

.ask-a-question-view .form-field {
padding-left: 0;
display: block;
width: 100%;
box-sizing: border-box;
}

.ask-a-question-view h1 {
font-size: 18px;
}

body {
font-size: 13px;
line-height: 18px;
}


.manufacturer-product-link a,
.productdetails-view button,
.highlight-button { 
width: 95%;
box-sizing: border-box;
}

table.askform td:first-child {
width: 50px;
}

.ask-a-question-view .form-field .askform input, .ask-a-question-view .form-field .askform textarea {
width: 95%;
}

}
