/*----------------------------------------------------------------------------
Basic form element styles. Note that page-wide defaults are left alone;
form elements pop up all over the place and you won't necessarily want them
to follow these conventions.

Note: form inputs should -never- have a fixed width out of context. Add new
classes where necessary to redefine input side paddings & width. That said,
'relax' and 'stretch' classes are provided as optional defaults where they
might be appropriate.
----------------------------------------------------------------------------*/

label.block
{
	margin-bottom: 0.4em;
}

label.inline-left { margin-right: 0.6em; }
label.inline-right { margin-left: 0.6em; }

input.text, input.input-text, textarea.text
{
	font: inherit; /* Note: lte IE 8 does not support inherit as a value */
	font-family: "Raleway", "Avenir LT W01 45 Book", "Helvetica", "Arial";
	padding: 0.5em;
    outline:none;
    box-sizing: border-box;
}

/* Customer services */

.contacts-index-index input.text, .customerservice-index-index input.text
{
	margin-bottom: 1em;
}

textarea.text
{
	/* Disable horizontal resizing of textareas in newer browsers */
	resize: vertical;
}

input.text:focus, textarea.text:focus
{
	border-color: #000;
}

input.relax, textarea.relax, select.relax,
.relax input, .relax textarea, .relax select
{
	width: 90%;
}

input.stretch, textarea.stretch, select.stretch,
.stretch input, .stretch textarea, .stretch select
{
	width: 100%;
}

input.button, button.button, input.white-button, button.white-button, input.grey-button, button.grey-button, a.grey-button
{
	cursor: pointer;
	font: inherit;
	font-size: 0.9em;
	padding: 0.4em 0.7em 0.4em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	min-height:30px;
	margin-top:0;
	margin-bottom:0;
	background: url(../../images/button-black-bkg.png) repeat-x 0 0;
	border:0;
}

input.black-button, button.black-button, a.black-button {
    background: #000;
}

input.button, button.button
{
    color: #fff;
    min-height: 32px;
    font-family:"Raleway", "Avenir LT W01 45 Book","Helvetica","Arial";
    font-weight: 800;
    padding:0.6em;
}

.btn-checkout,
.bth-proceed-checkout {
    background: url("../../images/btn_pdp_addtocart.gif") repeat-x 0 0 #000!important;
}

input.white-button, button.white-button
{
	background: #fff;
	color: #000;
}

input.grey-button, button.grey-button, a.grey-button
{
    background:#7c7c7c!important;
    color:#b7b7b7!important;
}

input.pink-button, button.pink-button, a.pink-button
{
	background: #FFF;
	color: #000;
	padding:0.6em 0.9em 0.5em!important;
	border:1px solid #FFF;
}

input.pink-button:hover, button.pink-button:hover, a.pink-button:hover {
	background:#FFF;
	color:#000;
}
	

/* Note: attribute matching not supported in lte IE 7 */
input.button[disabled="disabled"], button.button[disabled="disabled"]
{
	background: #ddd;
	color: #aaa;
}

/* Label 'required' */

label span
{
	color: #666;
	float: right;
	font-size: 0.8em;
	font-style: italic;
}

label.relax span, .relax label span
{
	margin-right: 8%;
}

.input-box select, select.select
{
    border: 0.1em solid #9a9a9a;
    font: inherit; /* Note: lte IE 8 does not support inherit as a value */
    font-family: "Raleway", "Avenir LT W01 45 Book", "Helvetica", "Arial";
    padding: 0.5em;
    outline:none;
    height:32px;
    margin-top:0.5em;
}

/*----------------------------------------------------------------------------
Standard margins for form container elements
----------------------------------------------------------------------------*/

form ul.content li
{
	margin: 1em 0;
}

/*----------------------------------------------------------------------------
Validation & error message styling.
----------------------------------------------------------------------------*/

input.validation-failed, textarea.validation-failed
{
	border-color: #f00 !important;
}

.validation-advice
{
	color: #f00;
	font-size: 0.8em;
	margin-top: 0.4em;
	text-transform: uppercase;
}

ul.messages, ul.messages > li
{
	margin: 1em 0;
}

ul.messages li.success-msg, ul.messages li.notice-msg, ul.messages li.warning-msg, ul.messages li.error-msg
{
	padding: 0.6em 0.8em;
}

ul.messages li.success-msg
{
	background: #008C46;
	color: #fff;
	clear: both;
}

ul.messages li.notice-msg, ul.messages li.warning-msg
{
	background: #B22C00;
}

ul.messages li.error-msg
{
	background: #B22C00;
	color: #fff;
}

ul.messages li li
{
	line-height: 1.6em;
}

.full {
	width: 95%!important;
}

/*----------------------------------------------------------------------------
Addition for labox plugin
----------------------------------------------------------------------------*/

input.labox-inactive
{
	color: #999;
}