div.loading {font-size: 16pt; display:block; padding: 10px; width:70%; color: gray; margin-left: auto; margin-right: auto;}
.simplemodal-container .config_table div.section {background: transparent;}
div#basic_products {margin: 15px auto 0px auto; max-width: 1200px; padding-bottom: 100px;}
div.basic_product {display: block; clear: none; width: 18%; height: 180px; padding: 8px 0px; float: left; text-align: center; margin: 6px 1%; background-color: white; position: relative;}
div.basic_product img {max-width:150px; max-height: 100px; padding: 0px 0px 4px 0px; border: 0px;}
a#add_product {display: block; font-size: 14pt; margin-top: 20px; cursor: pointer;}
a.product_name {cursor: pointer; display: block; overflow: hidden; max-height: 41px; padding: 0px 8px;}
div.product_sku {background-color: white; opacity: 0.7; position: relative; margin-top: -20px; width: 150px; padding: 0px 8px; height: 19px; text-align: center; overflow: hidden; margin-left: auto; margin-right: auto;}
.product_image img {cursor: pointer;}
a.delete_product_link {position: absolute; top: 5px; right: 2px; background-image: url(images/ui-icons_222222_256x240.png); background-position: -80px -128px; opacity: 0.5; height: 16px; width: 16px; display: block; cursor: pointer;}
div.simplemodal-container {background-color: #ECF0F1; border-width: 0px; border-radius: 5px;}
iframe#modal {height: 700px; width: 100%; border: 0px; border-radius: 4px;}
div input.product_name_modal {width: 90%;}
div input.product_price_modal {width: 70px; margin-left: 2px;}
div input.product_weight_modal {width: 70px; margin-right: 2px;}
div input.product_description_modal {width: 100%; height: 80px;}
div#modal_pages_list {max-height: 200px; overflow: auto;}
div.config_item input.pp_checkbox {position: relative; top: 2px; margin-right: 2px;}
div.product_image img, span#product_image_modal img {padding: 0px 0px 4px 0px; cursor: pointer;}
span#product_image_modal img {max-width: 90%; max-height: 400px;}
.upload_product_image {display: none;}
a.upload_product_image_dispatch {cursor: pointer;}
a.delete_option {margin-left: 20px; cursor: pointer; margin-bottom: 10px; display: inline-block; font-size: 11pt;}
a#confirm_delete_shutup {font-size: 8pt;}
#delete_confirm_modal {padding-left: 10px; padding-right: 10px; background-color: white;}
#clicky_block {float: right; position: relative; top: -20px; margin-bottom: -20px; text-align: left;}
#clicky_block a {text-decoration: underline; display: block; cursor: pointer;}
#config_modals {padding: 10px; background-color: white;}
#config_modals div.modal_config_item {margin-bottom: 20px;}
#config_modals div.name {display: inline-block;}
#config_modals div.value {display: inline-block;}
.config_modal_option {margin-left: 10px; margin-right: 10px; cursor: pointer; margin-bottom: 10px; display: inline-block;}
.error {margin-left: 2px;}
@media screen and (max-width : 1100px){
	div.basic_product {width: 23%;}
}
@media screen and (max-width : 900px){
	div.basic_product {width: 31.3%;}
}
@media screen and (max-width : 800px){
  #simplemodal-processor div.simplemodal-data {height:98% !important}
  iframe#modal {height:100% !important;border-radius:0 !important;}
  div#simplemodal-processor.simplemodal-container {max-width:100% !important;width:100% !important; min-height: 100% !important; position: absolute !important; top: 0px !important; left: 0px !important;}
  div.simplemodal-overlay {height: 5000px !important;}
  #clicky_block {top: 0px; float: none; text-align: center; margin-bottom: 0px;}
}
@media screen and (max-width : 700px){
	div.basic_product {width: 48%;}
}