﻿/* ***********************************************************
This CSS file contains the styling for the products.php and search.php pages. 
For modifications to the default CSS for ECT, or for ECT related styling that affects every page, see ectcartmods.css. 
DO NOT MODIFY the ectcart.css file as it is subject to change by ECT with the updater.
DO NOT MODIFY THE bootstrap.min.css file under any circumstances. Any modification to bootstrap elements are in the main.css file.
Page specifc CSS can be found in the <head> of the respective page, e.g. categories.asp/php, products.asp/php, and proddetail.asp/php.
CSS link rel="stylesheet" href=" FILES SHOULD BE PLACED IN THE <head> IN THE FOLLOWING ORDER
<link rel="stylesheet" href="/2017/css/bootstrap.min.css" media="screen">
<link rel="stylesheet" href="/2017/css/main.css" media="screen">
<link rel="stylesheet" href="/2017/css/ectcart.css" media="screen">
<link rel="stylesheet" href="/2017/css/ectcartmods.css" media="screen">
<link rel="stylesheet" href="/2017/css/print.css" media="print">
<link rel="stylesheet" href="/2017/css/products-search.css" media="screen">
*********************************************************** */

/* *************************************************  PRODUCTS  ************************************************* */
div.checkoutbutton{width:25%;margin:0;padding:10px 5px;float:right;text-align:right;}
/*div.prodfilter{float:left;padding:6px;color:#42619a;margin-bottom:10px;margin-top:10px;}
div.prodfilterbar{margin:0 auto;padding:0;clear:both;width:100%;text-align:center;}
select.prodfilter{padding:0px;margin:0px;}*/

div.prodfilter{float:left;padding:0 6px;margin:10px auto 8px auto;text-align:center;}
div.prodfilter select.prodfilter,div.prodfilter select.prodfilter option {height:40px;line-height:40px;color:#000;}
div.filtertext {Color:#000;line-height:40px;}
div.prodfilterbar {margin:0 auto 15px auto;padding:0;text-align:center;}
select.prodfilter {padding:0px;margin:0px;}
div.allproddiscounts{font-size:13px;color:#567CBB;width:100%;margin-bottom:2px;float:left;}
div.product {background:#fff;border:1px solid #1a7cb7;padding-bottom:10px;border-radius:6px;-webkit-box-shadow:0 4px 6px #999;-moz-box-shadow:0 4px 6px #999;box-shadow:0 4px 6px #999;}
.prodid {margin:0 5px 0 0;padding:5px 0;width:100%;float:left;text-align:center;}
/*color:#000058;border-top-left-radius:5px;-moz-border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-ms-border-top-left-radius:5px;-o-border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-top-right-radius:5px;-webkit-border-top-right-radius:5px;-ms-border-top-right-radius:5px;-o-border-top-right-radius:5px;}*/
div.prodmanufacturer{margin:0;padding:2px 5px;width:98%;float:left;text-align:left;}
div.prodsku{margin:0;padding:2px 5px;width:98%;float:left;text-align:left;}
span.prodskulabel {font-weight: bold;}
div.prodimage{margin:2px auto;padding:5px 0;/*float:left;*/text-align:center;width:100%;}
div.prodimage img.prodimage {margin:0;padding:0;max-width:150px;border:none;}
div.prodname{margin:0;padding:2px 5px;width:98%;float:left;text-align:center;font-weight:bold;color:#1a7cb7;}
div.prodinstock{margin:0;padding:2px 5px;width:98%;float:left;text-align:left;}
div.prodrating{padding-left:10px;display:none;}
div.proddescription{margin:0;padding:2px 5px;width:98%;float:left;text-align:left;}
div.detaillink {display:block;margin:10px auto;float:right;clear:both;font-weight:bold;color:#009;text-align:right;padding-right:5%;}
div.listprice{margin:0;padding:2px 0;width:100%;float:left;text-align:center;clear:both;}
div.prodprice{margin:0;padding:2px 0;width:100%;float:left;text-align:center;font-weight:bold;clear:both;}
div.prodoptions{padding:6px;width:98%;float:left;}
select.prodoption{float:left;margin:6px;}
span.prodoption{/*font-size:11px;*/float:left;padding:2px;}
div.optiontext{padding:2px;/*font-size:12px;*/width:98%;float:left;margin:2px;}
div.option{padding:0px;}
div.prodcurrency{padding:2px;text-align:center;float:left;width:350px;}
.notifystock{margin:0 auto;padding:2px 0;width:100%;float:left;text-align:center;}
.configbutton{text-align:center;margin-top:6px;}
div.outofstock{margin:0 auto;padding:2px 0;width:100%;float:left;text-align:center;font-weight:bold;}
div.multioptiontext{width:180px;}
/*div.quantitydiv{margin:0;padding:0;float:left;width:50%;text-align:right;line-height:1.8em;}
div.quantityinput{margin:0;float:right;width:45%;text-align:left;}
div.addtocart{margin:0 auto;padding:2px 0;width:100%;float:left;text-align:center;}*/
div.product .optooltip {display:none !important;}
/* V6.5 CSS **************/
div.quantitydiv,div.quantity0div {width:35%;margin:0 1%;padding:2px 0;float:left;text-align:center;clear:left;}
.quantityinput,.quantity0input {height:34px;margin:0;float:right;}
div.addtocart {width:60%;margin:0 1%;padding:2px 0;float:right;text-align:left;}
/************** END V6.5 CSS */
div.offers {background:#fff;border:1px solid #1a7cb7;margin-bottom:15px;padding:5px;text-align:center;border-radius:6px;-webkit-box-shadow:0 4px 6px #999;-moz-box-shadow:0 4px 6px #999;box-shadow:0 4px 6px #999;}
div.offers h4 {background-color:#1a7cb7;color:#fff;padding:2px;;margin:0;}
@media (min-width:769px) {
	.offers {width:45%;margin:10px 2%;float:left;text-align:center;}
}
@media (max-width:768px){
	.offers {width:95%;margin:10px 2%;float:left;text-align:center;}
}
