/*
-----------------------------------------
Template: Bootic shared elements
Theme URI: http://bootic.net
Version: 0.1
Author: Tomas Pollak + Ismael Celis - Bootic
-----------------------------------------
*/
/* orders and cart
--------------------------------------------------------------*/
#over_bought {margin:0 0 2em 0;border:solid gray 4px;border-width:4px 0;background:#f9f4d9;padding:0 .5em;}
#over_bought h4 {font-size:16px;padding:.25em 0;}
#over_bought li {padding:.25em 0 ;}
.over_bought_notice {background:yellow;}

/* add to cart buttons */

form.add_to_cart{
	margin-left: 15px;
	display: inline-block;
}

form.add_to_cart input[type=radio]{
	position: relative;
	top: 3px;
}
form.add_to_cart label{
	margin-left: 5px;
}

form.add_to_cart ul,
form.add_to_cart li{
	margin: 0;
}

form.add_to_cart li{
	list-style: none;
	padding: 3px 5px;
}
form.add_to_cart li.odd{
	background: #fefefe;
}

form.add_to_cart #cart_item_quantity{
	width: 20px;
	text-align: center;
	float: left;
	margin-top: 10px;
	padding: 3px 0;
	margin-right: 5px;
}

form.add_to_cart h4{
	display: none;
}
form.add_to_cart .submit{
	float: left;
	margin-top: 10px;
	padding: 2px 4px;
}

/* cart table */

.cart table{
	width: 100%;
	font-size: 1.3em;
	border-spacing: 0;
	margin-top: 10px;
}

.cart table th{
	padding: 3px 5px;
	color: #999;
	border-bottom: 1px solid #ddd;
}

.cart table td{
	padding: 0 5px;
	border-bottom: 1px solid #eee;
}
.cart table tr{
	background: #fafafa;
	padding: 5px 0;
}
.cart table tr.odd{
	background: #fefefe;
}
.cart table tr:hover{
	background: #eee;
}

.cart table td.cart_item_thumb{
	width: 60px;
	padding: 0;
}
.cart table img{
	border: 1px solid #ddd;
	width: 50px;
	margin: 4px;
}

.cart table td.cart_item_name a{
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
}

.cart table td.cart_item_qty{
	padding-left: 20px;
}
.cart table td.cart_item_qty input{
	text-align: center;
}

.cart table a.remove{
	display: -moz-inline-block;
	display: inline-block;
	height: 14px;
	width: 14px;
	text-indent: -9999px;
	background: url(/stylesheets/themes/img/icon-remove.png) no-repeat;
}


.cart table thead{
	text-align: left;
	font-size: 1.1em;
}

.cart table tfoot{
	font-size: 1.3em;
}
.cart table tfoot tr{
	background: none;
}
.cart table tfoot td{
	border-top: 1px solid #ddd;
	padding: 7px 0;
}

.cart .cart_action_buttons {
	text-align: right;
	margin: 2em;
	text-transform: capitalize;
}

.cart .cart_action_buttons .continue{
	float: left;
	padding: 5px;
	font-size: 1.3em;
}

.cart .cart_action_buttons input{
	background: #848484 url(/stylesheets/themes/img/bg-button-grey.png) top repeat-x;
	border: 0;
	padding: 3px 5px;
	color: #ddd;
	margin: 0 2px;
	font-size: 1.3em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}
.cart .cart_action_buttons .checkout{
	background: #008f00 url(/stylesheets/themes/img/bg-button-green.png) top repeat-x;
}
.cart .cart_action_buttons input:hover{
	cursor: pointer;
	color: #fff;
}

/* forms
--------------------------------------------------------------*/

.bootic_form {
	margin-top: 30px;
}

.bootic_form .errorlist{
	margin: 0 0 15px 0;
	background: #CF3333;
	padding: 5px 10px;
	border: 1px solid pink;
	color: #eee;
	font-size: 1.3em;
	line-height: 170%;
}

.bootic_form fieldset{
	margin-bottom:1em;
	border: 0;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
.bootic_form legend{
	padding: 0.25em;
	font-size:1.3em;
	color: #999;
}

.bootic_form .row {
	margin-bottom:1em;
}

.bootic_form label{
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 10px;
	color: #666;
	padding-top: 6px;
	font-size: 1.3em;
}

.bootic_form select,
.bootic_form input[type=text],
.bootic_form textarea{
	padding: 3px 4px;
	color: #666;
	font-size: 1.5em;
}

.bootic_form select{
	font-size: 1.4em;
}

.bootic_form input[type=text]:focus,
.bootic_form textarea:focus{
	color: #333;
}

.bootic_form textarea{
	width: 300px;
	height: 100px;
	padding: 4px;
}

.bootic_form p.botonera{
	border-top: 1px solid #ccc;
	padding-left: 160px;
	margin-top: 25px;
	padding-top: 15px;
}

.bootic_form input[type=reset],
.bootic_form input[type=submit]{
	padding: 4px 5px;
	margin-right: 8px;
	color: #444;

	background: #abb0b6 url(/stylesheets/themes/img/bgs-buttons.png) center -1px repeat-x;
	text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0;

	border: 1px solid #abb0b6;
	font-size: 15px;
/*
	-moz-box-shadow: #ccc 0px 2px 2px;
	-webkit-box-shadow: #ccc 0px 2px 2px;
	box-shadow: #ccc 0px 2px 2px;
*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.bootic_form input.green{
	background: #8db86b url(/stylesheets/themes/img/bgs-buttons.png) center -92px repeat-x;
	color: #336716;
	text-shadow: #DCECCB 0px 1px 0px;
}

.bootic_form input[type=reset]:hover,
.bootic_form input[type=submit]:hover{
	color: #333;
	cursor: pointer;
	border-color: #777;
}



/* bootic forms specific fields
--------------------------------------------------------------*/

.bootic_form .street_2{
	display: none !important;
}

.bootic_form .opt_in {
	display: none !important;
}

.bootic_form .error_note {
	margin-left:.5em;
	background:#57772d;
	color:#fff;padding:.5em 1em;
	display: none;
}
.bootic_form  .select .error_note {width:167px;}

.bootic_sent_contact_message {
	font-size: 14px;
	padding:1em;
	background-color: #d4e3be;
	border:solid gray 1px;
	margin-bottom:1em;
}

.bootic_form .row.postal_code{
	display: none;
}

.bootic_form .opt_in label {
	width:auto;
	padding-left: 1em;
	padding-top: 0;
}

.bootic_form small.bootic_note {display:inline; padding: .2em .5em; font-size: 10px; background: #999; color:#eee;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.bootic_form .bootic_field_note { padding-left: 130px; display: none; }
.bootic_form .bootic_input_field {float: left;}
.bootic_form .opt_in .bootic_input_field {padding-left: 135px;}
.bootic_form .fieldWithErrors,
.bootic_form .error_note {float:left;}
.bootic_form .required {
	display: none;
}


/* error message
-------------------------------------*/

.bootic_form .errorExplanation{
	background: #fff;
	border: 2px solid red;
	padding: 8px;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.bootic_form #errorExplanation h2{
	margin-top:0;
	margin-bottom: 10px;
	color: red;
}

.bootic_form #errorExplanation p {
	color: #333;
	display: none;
	margin-bottom: 0;
	padding: 5px;
}

.bootic_form .errorExplanation ul{
	margin-left: 10px;
}

.bootic_form .errorExplanation li{
	padding: 2px 0;
	list-style: square inside;
	color: red;
	line-height: 140%;
}
.bootic_form .fieldWithErrors input{
	border: 1px solid #a00;
	-moz-box-shadow: 0 0px 3px red;
	-webkit-box-shadow: 0 0px 3px red;
}

.bootic_form .error_note{
	font-size:10px;
}

.bootic_clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.bootic_clearfix {
	display: inline-block;
}

html[xmlns] .bootic_clearfix {
	display: block;
}

* html .bootic_clearfix {
	height: 1%;
}