/*
  Design215 Site Manager - PCart Stylesheet
  v2.5.1  06.22.2020
  
  This stylesheet IS NO LONGER USED in production systems
  -------------------------------------------------------
  - this stylesheet is now for development only
  - certain sections are disabled because they usually appear in the main stylesheet
  - copy these styles to the site's main stylesheet because its filename changes, 
    which avoids unwanted caching on phones and mobile devices
  
*/

p.pcart {
  position:relative; max-width:470px;
  line-height:normal;
  margin:2px 6px 2px 12px; padding:0;
}
div.pclear {
  position:relative; clear:both;
  margin:0; padding:0;
}

ul.pclist {
  list-style:disc inside none;
  margin:4px 0 0 4px; padding:0;
}
ul.pclist li {
  margin:2px 0 6px 0; padding:1px 0 0 4px; width:98%;
}

iframe#pcframe1 {
  border:1px solid #ddd;
  margin:0 0 0 12px;
  display:none;
}

iframe#pcframe2 {
  position:relative;
  margin:0; padding:0; border:0;
  display:none;
}

/* iframe box for adding items to cart */
div#cartbox {
  position:fixed; left:50%; top:50%;
  width:460px; min-height:240px;
  background:#fff;
  border:1px solid #888;
  margin:-120px 0 0 -235px; padding:8px 2px 2px 2px;
  text-align:left;
  visibility:hidden;
  z-index:999;
  border-radius:4px;
  box-shadow:4px 4px 16px rgba(0,0,0,0.5);
}
div.pcDiag {
  padding:20px 10px 10px 20px;
}
  div.pcDiag h1 {
    text-align:center;
  }
  div.pcDiag p {
    font-size:20px;
  }

#pcartItemCount {
  position:relative; 
  text-align:center;
  margin:0 0 0 2px; 
}
#pcartItemCount a {
  font-family:verdana,helvetica,sans-serif; font-size:16px; color:#fff;
  text-decoration:none; font-weight:normal;
  background:#dd0000;
  padding:3px 8px 4px 8px;
  border-radius:5px;
}
#pcartItemCount a:hover {
  text-decoration:none; font-weight:normal; color:#fff;
}

/* Form fields generated by makeFormField()  */
div.formfield {
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; min-width:50px;
  margin:0 10px 15px 0; padding:0;
}
p.charcount {
  position:absolute; width:80px; top:0px; right:4px;
  text-align:right; margin:0; padding:0;
}

form.pcartAddBtn {
  width:100%;
  margin:2px; padding:0;
}
div.pcaddopt {
  position:relative;
  min-width:460px; max-width:640px;
  margin:0; padding:0 0 10px 0;
}
  div.pcaddopt p.pcgt {
    font-size:22px; font-weight:bold;
  }
  

/* add to cart button 2020 */
div.pcaddbtn {
  display:flex; flex-flow:row nowrap; 
  justify-content:flex-end; align-items:flex-end;
  min-width:300px; 
  margin:0 4px 0 0; padding:0;
}
  div.pcquanbox {
    position:relative;
    text-align:center;
    margin:0 30px 0 0; padding:0;
  }
    div.pcquanbox p {
      font-weight:bold;
      padding:4px;
    }
  div.pcaddbox {
    position:relative;
    text-align:right;
  }
  /* overwrite any styles set in main site stylesheet */
  input[type="number"].addBtnQuan {
    font-size:24px; font-weight:bold; width:30px; height:32px;
    text-align:center;
    border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
    margin:0 12px 0 12px; padding:5px; 
  }
  input[type="number"].addBtnQuan:focus {
    font-size:24px; font-weight:bold; width:30px; height:32px;
    text-align:center;
    border:1px solid #8fd700; color:#181818; background:#ffffdd;
    margin:0 12px 0 12px; padding:5px;
  }

  a.pcadjQuan {
    display:inline-block;
    line-height:30px; width:20px; text-align:center;
    font-family:arial,san-serif; font-size:30px; font-weight:bold; 
    vertical-align:middle; color:#fff; background:#555;
    margin:0; padding:7px 12px 7px 12px;
    border:0; border-radius:0;
    cursor:pointer;
    user-select:none;
  }
  a.pcadjQuan:link,
  a.pcadjQuan:visited {text-decoration:none; font-weight:bold; color:#fff;}
  a.pcadjQuan:hover   {text-decoration:none; font-weight:bold; background:#777; color:#fff;}


/* select boxes */
.pcitemdrop {
  font-family:arial,helvetica,sans-serif; font-size:20px; min-width:250px;
  border:1px solid #000; color:#000; background:#ffffee;
  margin:8px 0 8px 0; padding:4px;
}
  .pcitemdrop option {
    padding:4px;
  }
.pcdatedrop {
  font-family:arial,helvetica,sans-serif; font-size:20px; min-width:120px;
  border:1px solid #000; color:#000; background:#ffffee;
  margin:4px 0 8px 0; padding:4px;
}
  .pcdatedrop option {
    padding:4px;
  }
.pcyeardrop {
  font-family:arial,helvetica,sans-serif; font-size:20px; min-width:90px;
  border:1px solid #000; color:#000; background:#ffffee;
  margin:4px 0 8px 0; padding:4px;
}
  .pcyeardrop option {
    padding:4px;
  }
  
.pcSubGroup {
  margin:0 0 0 10px; padding:0 0 0 20px;
  border-left:1px solid #ccc;
}  


/* Option Quantity fields 2020 */
div.optQuan {  
  display:block; margin:8px 0 12px 0;
  font-size:18px;
}
  /* overwrite any styles set in main site stylesheet */
  input[type="number"].addOptQuan {
    font-size:20px; font-weight:bold; width:26px; height:28px;
    text-align:center;
    border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
    margin:0 12px 0 12px; padding:5px; 
  }
  input[type="number"].addOptQuan:focus {
    font-size:20px; font-weight:bold; width:26px; height:28px;
    text-align:center;
    border:1px solid #8fd700; color:#181818; background:#ffffdd;
    margin:0 12px 0 12px; padding:5px;
  }

  a.pcoptQuan {
    display:inline-block;
    line-height:28px; width:18px; text-align:center;
    font-family:arial,san-serif; font-size:28px; font-weight:bold; 
    vertical-align:middle; color:#fff; background:#555;
    margin:0; padding:6px 12px 6px 12px;
    border:0; border-radius:0;
    cursor:pointer;
    user-select:none;
  }
  a.pcoptQuan:link,
  a.pcoptQuan:visited {text-decoration:none; font-weight:bold; color:#fff;}
  a.pcoptQuan:hover   {text-decoration:none; font-weight:bold; background:#777; color:#fff;}
  
p.pcitemprice {
  padding:0 0 8px 0;
  font-family:arial,helvetica,sans-serif; font-size:16px; 
  font-weight:bold; color:#000;
}
p.pcitemprice span.pcitemtxt { /* text appended to price */
  font-size:14px;
}
p.pcpricetxt { /* text if no price */
  font-size:16px; font-weight:bold; color:#000;
}

/* optional images for Add to Cart buttons */
/* 
.addCartBtnImg {
  display:block;
  width:112px; height:42px; margin:0; padding:0; border:0;
  background:transparent url(/images/addcart.png);
  cursor:pointer;
}
.addQuoteBtnImg {
  display:block;
  width:112px; height:42px; margin:0; padding:0; border:0;
  background:transparent url(/images/addquote.png);
  cursor:pointer;
}
.addCartBtnImg span,.addQuoteBtnImg span {
  visibility:hidden;
}  
*/ 

div.pcartlogin {
  width:100%; padding:0; margin:0;
}
div.pcartlogin p {
  padding:2px 0 2px 4px;
  font-size:18px;
}
div.pcartlogin p.rt {
  text-align:right;
  margin:0;
}

div#pcartLogin {
  position:relative;
  width:100%; max-width:300px;
  padding:0; margin:0;
}
div#pcartAccount {
  position:relative;
  width:100%; max-width:480px;
  padding:0; margin:0;
}
div#errmsg h2,
div#errmsg p {
  color:#ff0000;
}

div.pcbox1 {
  position:relative; display:inline-block;
  padding:5px 0 8px 0; margin:0 5px 5px 12px;
  min-width:300px; min-height:180px;
  background:#ffffee;
  border:1px solid #aaa;
  vertical-align:top;
}
  p.topr {
    position:absolute; top:4px; right:4px;
  }

img.pcprodimg {
  margin:0; padding:4px 0 4px 0;
  height:60px;
}  
img.pcplaceholder {
  margin:1px 3px 3px 1px; padding:0 20px 0 20px;
  border:solid 1px #dddddd;
}  

div#pcartDiv {
  position:relative;
  width:100%;
  padding:0; margin:0;
}
div.pcartrow {
  position:relative;
  margin:0 0 0 12px; padding:0;
  width:96%; min-width:480px; min-height:12px; 
}
div.pc1 {
  position:relative; display:inline-block;
  width:10%; min-width:100px; margin:0; padding:4px 4px 2px 4px;
  vertical-align:top;
}
div.pc2 {
  position:relative; display:inline-block;
  width:6%; min-width:60px; margin:0; padding:4px 4px 2px 0;
  vertical-align:top;
}
div.pc3 {
  position:relative; display:inline-block;
  width:56%; margin:0; padding:4px 4px 2px 0;
  vertical-align:top;
}
div.pc4 {
  position:relative; display:inline-block;
  width:10%; min-width:90px; margin:0; padding:4px 4px 2px 0;
  text-align:right;
  vertical-align:top;
}
div.pc5 {
  position:relative; display:inline-block;
  width:47%; margin:0; padding:4px 0 2px 0;
  text-align:left;
  vertical-align:top;
}
div.pc6 {
  position:relative; display:inline-block;
  width:50%; margin:0; padding:4px 0 2px 0;
  text-align:right;
  vertical-align:top;
}
div.pc7 {
  position:relative; display:inline-block;
  width:50%; margin:0; padding:4px 0 2px 0;
  text-align:left;
  vertical-align:top;
}
.pcbg1 {
  background:#eee;
}
.pcbg2 {
  background:#fff;
}
.pcdivline {
  border-bottom:1px solid #ccc;
}

/* These aren't necessary if they're already in the main stylesheet */
/*
table td {  
  line-height:130%; 
  vertical-align:top;
}
table td.rt {  
  text-align:right;
}
table td.ct {  
  text-align:center;
}
*/

/* View Cart table */
table.pcviewcart {
  width:96%; margin:0 0 0 4px; padding:0;
  border-collapse:collapse;
}
  table.pcviewcart td {
    vertical-align:top; border-bottom:1px solid #ccc;
    padding:2px 0 2px 0;
  }
  table.pcviewcart td.chd {
    text-transform:uppercase;
    border-bottom:1px solid #000;
  }
  table.pcviewcart td.c1 {
    width:40px!important; text-align:left;
  }
  table.pcviewcart td.c2 {
    width:80px!important; text-align:left;
  }
  table.pcviewcart td.c3 {
    text-align:left;
  }
  table.pcviewcart td.c4 {
    width:90px!important; text-align:right;
  }

.viewCartQuan {
  font-size:24px; font-weight:bold; width:36px; height:32px;
  border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  text-align:center;
  padding:5px;
}
.viewCartQuan:focus {
  font-size:24px; font-weight:bold; width:36px; height:32px;
  border:1px solid #8fd700; color:#181818; background:#ffffdd;
  text-align:center;
  padding:5px;
}
   
/* Online Orders Chart */
h1.pcchart {
  font-family:arial,helvetica,sans-serif; font-size:20px; font-weight:bold; color:#000;
  margin:2px 2px 2px 4px; padding:0;
  text-shadow:none;
}
table.pcchart {
  width:98%; margin:0 0 0 4px; padding:0; min-width:476px; max-width:800px; overflow:scroll;
  border-collapse:collapse;
}
  table.pcchart td {
    vertical-align:top;
    padding:8px 4px 8px 4px;
  }
  /* alternating row backgrounds */
  table.pcchart tr.c4 {background:#ffffff;}
  table.pcchart tr.c5 {background:#dfdfdf;}
  
  /* xml transfer speed indicators */
  .fail4 {background:#e4d5b2;}
  .fail5 {background:#d0be94;}
  .speed1 {background:#aa0000; color:#fff; font-weight:bold;}
  .speed2 {background:#ff0000; color:#fff; font-weight:bold;}
  .speed3 {background:#eeab00;}
  .speed4 {background:#eee600;}
  .speed5 {background:#aaee00;}
    
/* Add to Cart popup */
table.pcaddpopup {
  width:96%; margin:0 0 0 4px; padding:0;
  border-collapse:collapse;
}
  table.pcaddpopup td {
    vertical-align:top; border-bottom:1px solid #ccc;
    padding:0;
  }
  table.pcaddpopup td.chd {
    text-transform:uppercase; font-size:12px;
    border-bottom:1px solid #000;
  }
  table.pcaddpopup td.c1 {
    width:80px!important; text-align:left;
  }
  table.pcaddpopup td.c2 {
    width:40px!important; text-align:center;
  }
  table.pcaddpopup td.c3 {
    text-align:left;
  }
  table.pcaddpopup td.c4 {
    width:70px!important; text-align:right;
  }
  
table.pctotal {
  position:relative; float:right;
  width:300px; margin:0 4px 0 0; padding:0;
}
  table.pctotal td {
    font-size:14px;
  }
  
table.pchistory {
  width:97%; max-width:720px;
  border:1px solid #888;
}
  table.pchistory td {
    vertical-align:top;
    padding:2px 8px 8px 2px;
    border-bottom:1px solid #ddd;
  }
  table.pchistory td:first-child {
    width:200px;
  }
  table.pchistory td p {
    padding:0 0 8px 0;
  }
  
a.pcUpdateBtn {
  color:#000099;
  font-weight:bold;
  cursor:pointer;
}

a.pcRemoveBtn {
  display:inline-block; line-height:20px;
  font-family:arial,helvetica,san-serif; font-size:30px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#ff0000;
  margin:8px 0 8px 4px; padding:6px 10px 6px 10px; background:#fff;
  border:2px solid #ff0000; border-radius:6px;
  cursor:pointer;
}
a.pcRemoveBtn:link,
a.pcRemoveBtn:visited {text-decoration:none; font-weight:bold; color:#ff0000;}
a.pcRemoveBtn:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#ff0000;
}

.pcNavBtns {
  position:relative;
  text-align:right;
}

input.btn2 {
  line-height:20px;
  font-family:verdana,helvetica,san-serif; font-size:14px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 0 4px; padding:2px 8px 3px 8px; background:#0088ed;
  border:2px solid #000; border-radius:6px;
  cursor:pointer;
  user-select:none;
}
input.btn2:hover {
  background:#00cc00;
}

a.pcBtn {
  line-height:20px;
  font-family:verdana,helvetica,san-serif; font-size:14px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 0 4px; padding:4px 12px 6px 12px; background:#0088ed;
  border:2px solid #000; border-radius:6px;
  cursor:pointer;
  user-select:none;
}
a.pcBtn:link,
a.pcBtn:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
a.pcBtn:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#00cc00;
}

a.pcBtn2 {  /* a secondary button if needed for anything */
  line-height:20px;
  font-family:verdana,helvetica,san-serif; font-size:14px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 0 4px; padding:4px 12px 6px 12px; background:#0088ed;
  border:2px solid #000; border-radius:6px;
  cursor:pointer;
  user-select:none;
}
a.pcBtn2:link,
a.pcBtn2:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
a.pcBtn2:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#00cc00;
}

a.pcBtn3 {
  display:inline-block;
  line-height:60px;
  font-family:arial,sans-serif; font-size:50px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 4px 4px; padding:20px 30px 20px 30px; background:#ea6100;
  border:0; border-radius:0; text-transform:uppercase;
  cursor:pointer;
  user-select:none;
}
a.pcBtn3:link,
a.pcBtn3:visited {text-decoration:none; font-weight:bold; color:#fdfdfd;}
a.pcBtn3:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#aacc00;
}

span.storeclosed {
  display:inline-block;
  line-height:30px;
  font-family:arial,sans-serif; font-size:16px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#fff;
  margin:0 1px 0 4px; padding:8px 12px 8px 12px; background:#888;
  border:0; border-radius:0; text-transform:uppercase;
}

span.soonBtn {
  line-height:30px;
  font-family:arial,sans-serif; font-size:16px; font-weight:bold; 
  letter-spacing:1px; vertical-align:middle; color:#000;
  margin:0 1px 0 0; padding:8px 12px 8px 12px; background:#ffee00;
  border:1px solid #aaa; border-radius:0; text-transform:uppercase;
}

div.topR {
  position:absolute; top:6px; right:8px;
  padding:0; margin:0; width:24px; height:24px;
}
a.boxClose {
  display:block; width:24px; height:24px;
  font-family:verdana,helvetica,san-serif; font-size:16px; font-weight:bold; 
  text-align:center; vertical-align:middle; color:#666;
  margin:0; padding:0; background:#fff;
  border-radius:5px;
  cursor:pointer;
}
a.boxClose:link,
a.boxClose:visited {text-decoration:none; font-weight:bold; color:#666;}
a.boxClose:hover   {
  text-decoration:none; font-weight:bold; color:#fff; background:#cc0000;
}

span.req {
  font-family:verdana,helvetica,sans-serif; font-size:12px; font-weight:bold; color:#ff0000;
} 

/* These aren't necessary if they're already in the main stylesheet */
/*
.boxBlur {
  font-family:verdana,helvetica,sans-serif; font-size:22px; 
  border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  padding:8px;
}
.boxBlurDisable {
  font-family:verdana,helvetica,sans-serif; font-size:22px; 
  border:1px solid #c9c9c9; color:#828282; background:#ececec;
  padding:8px;
}
.boxBlur:focus,.boxFocus {
  font-family:verdana,helvetica,sans-serif; font-size:22px; 
  border:1px solid #444; color:#181818; background:#ffffdd;
  padding:8px;
}
.boxBlurR {
  font-family:verdana,helvetica,sans-serif; font-size:22px; 
  border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  text-align:right; padding:8px;
}
.boxBlurR:focus,.boxFocusR {
  font-family:verdana,helvetica,sans-serif; font-size:22px;
  border:1px solid #444; color:#181818; background:#ccffcc;
  text-align:right; padding:8px;
}
  .boxError {
    font-family:verdana,helvetica,sans-serif; font-size:22px; 
    border:1px solid #ff0000; background:#ffcccc; padding:8px; 
  }
  .boxRequired {
    font-family:verdana,helvetica,sans-serif; font-size:22px; 
    border:1px solid #ff0000; color:#181818; background:#fcfcfb; padding:8px; 
  }
  .boxRequired:focus {
    font-family:verdana,helvetica,sans-serif; font-size:22px; 
    border:1px solid #ff0000; color:#181818; background:#ffffdd; padding:8px; 
  }
  .boxDisable {
    display:none;
  }
  .boxClear {
    text-align:right;
    font-family:verdana,helvetica,sans-serif; font-size:22px; 
    border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  }
*/


div.rentDaysBox {
  width:94%; max-width:500px; border:1px solid #999999;
  background:#ffffee;
  margin:2px 2px 2px 12px; padding:4px 4px 20px 4px;
}

label.radio {
  display:block; margin:6px 0 10px 0;
  font-size:16px;
  cursor:pointer;
}

label.ckbox {
  display:block; margin:6px 0 10px 0;
  font-size:16px;
  cursor:pointer;
}
 
  
/* pcart field length defaults */
#pcacctemail {width:400px;}
#pczip {width:120px;}
input#pcart1,
input#pcart2 {width:300px;}

/* get rid of number spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance:none;
}  
input[type=number] {
  -moz-appearance:textfield;
}


/* extra pcart styles for this site */
iframe#pcframe3 {
  position:relative;
  margin:0; padding:0; border:0;
  width:98%; min-width:450px; height:500px; 
}

div.ctitle2 {
  max-width:1000px; margin:0 auto 0 auto;
}
div.ctitle2 h1 {
  color:#000;
  margin:10px 0 0 0; padding:8px;
  background:#f1f1f1;
}


/* position:fixed add to cart button */
body.cartItemFixed div.pcaddbtn {
  position:fixed; flex:none; left:0; bottom:0; min-height:120px; width:100%;
  justify-content:center; align-items:flex-end;
  padding-bottom:40px;
  background:rgba(255,255,255,0.9); border-top:1px solid #ccc; 
  z-index:99;
}
body.cartItemFixed #footer {
  display:none;
}
body.cartItemFixed #container {
  padding-bottom:200px;
}


/* calendar menu for rentals */
#mcal {  
  position:absolute; visibility:hidden; z-index:99;
  top:-999em; /* removes the extra vertical space from the long menu */
  background:#e1ded8; border:1px solid #878787;
  box-shadow:4px 4px 16px rgba(0,0,0,0.5);
	padding:10px;
  font-family:arial,helvetica,san-serif; font-size:12px;
}

#mcal select.calendar-month {
	width:90px;
}
#mcal select.calendar-year {
	width:60px;
}
#mcal table {
	margin:0; padding:0;
}
#mcal table tr.header td {
	padding:8px 0 2px 0;
}
#mcal table td {
	font-family:arial,helvetica,san-serif; font-size:12px;
  margin:0; padding:2px 0 2px 0;
}
#mcal .calendar-title {
	text-align:center;
}
#mcal a {
	padding:6px 10px 6px 10px;
  line-height:24px;
	background:#fdfdfd;
  border:1px solid #c9c9c9;
}
#mcal a:link,
#mcal a:visited {text-decoration:none;}
#mcal a:hover   {text-decoration:none; background:#323232; color:#fefefe;}

#mcal .today a {
	padding:6px 10px 6px 10px;
	color:#000; background:#ffff99;
  border:1px solid #ffcc00;
} 
#mcal .today a:link,
#mcal .today a:visited {text-decoration:none;}
#mcal .today a:hover   {text-decoration:none; background:#444; color:#181818;}

#mcal .selected a {
	padding:6px 10px 6px 10px;
	color:#000; background:#c9ff8b;
  border:1px solid #c9c9c9;
}

/* PCart Styles End */