/*
    Document   : general_styles
    Created on : 26/05/2015, 21:56:30
    Author     : dario
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.search_highlight {
  background: yellow;
}

.col_header a, .col_header a:visited {
  color: #fff;
}

.list_style_none {
  list-style: none;
}

#show_help_box {
  display: none;
}

#add_to_cart {
}

#load_prices {
  float: left;
}

.in_progress, .failed, .cancelled {
  display: none;
}

.in_progress {
  width: 250px;
  margin: 0 auto;
  text-align: center;
}

.price {
  width: 67px;
  padding: 7px 0 0 1px;
  margin-right: 13px;
  float: left;
}

.uploadifyQueueItem {
  background-color: #E0E0E0;
  border: 2px solid #ccc;
  font: 11px Verdana, Geneva, sans-serif;
  margin: 5px;
  padding: 10px;
  width: 350px; }

#account_photo .uploadifyQueueItem {
  width: 260px;
  height: 40px;
  position: relative;
  top: 120px;
  left: 35px;}

.uploadifyError {
  background-color: #FDE5DD !important;
  border: 2px solid #FBCBBC !important; }

.uploadifyQueueItem .cancel {
  float: right; }

.uploadifyQueue .completed {
  background-color: #E0E0E0; }

.uploadifyProgress {
  background-color: #E0E0E0;
  margin-top: 10px;
  width: 100%; }

.uploadifyProgressBar {
  background-color: #E0E0E0;
  height: 3px;
  width: 1px; }

#attachment.uploadify {
  margin: 10px 10px 15px;
  float: right; }
/* -----------------------------------
	Alert Boxes
------------------------------------- */
.center_box {
        margin: 10px auto;
        width: 100%;
        z-index: 999;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 0;
        text-align: center;
}
.content_box {
        padding:10px 10px 10px 60px;
	position: relative;
}
.content_box.type_2 {
        padding:20px 35px 10px 65px;
        position: relative;
        display: inline-block;	
        text-align: left;
}
.content_box.alert_error {
        background:#f8e9e8;
	color:#cb2700;
}
.content_box.alert_successful {
        background:#e1fdba;
	color:#19964e;
}
.content_box.alert_warning {
        background:#f9feac;
	color:#ff9c00;
}
.content_box.alert_info {
        background:#d4fafa;
	color:#1b689c;
}
.content_box i {
        font-size:20px;
	position:absolute;
	left:20px;
	top:50%;
}
.content_box.type_2 i {
        font-size:36px;
	position:absolute;
	left:20px;
	top:35%;
}
#approval_notes {
	color: red;
	display: block;
	padding: 10px 0 0 0;
}
#address_popup, #delivery_address_popup, #add_new_address_popup, #add_new_delivery_address_popup, #delivery_address_popup {
	position: fixed;
        top: 50%;
        left: 50%;
        width: 70%;
        padding: 0px;
        background: #fff;
        z-index: 999;
        display: none;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-font-smoothing: antialiased;
}

#product_popup, #client_popup {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 50%;
        padding: 30px 20px 30px 20px;
        background: #fff;
        z-index: 999;
        display: none;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-font-smoothing: antialiased;
}

#page_popup, #news_popup {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 25%;
        padding: 30px 20px 30px 20px;
        background: #fff;
        z-index: 999;
        display: none;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width:768px){
	#address_popup, #delivery_address_popup, #add_new_address_popup, #add_new_delivery_address_popup, #delivery_address_popup {
	top: 50%;
        left: 50%;
        width: 90%;
      }
}