/*
  Design215 Site Manager 2 - PCart Stylesheet for print
  v2.3.0  04.17.2016
  
  This stylesheet is a standalone version for printing carts. It is independent of the site's stylesheet
  
*/
body {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000;
  text-align:left; margin:0; padding:0;
  background:#ffffff;
}

table {
  margin:2px 6px 2px 12px; padding:0;
}
table td {
  vertical-align:top;
}
table td.rt {
  text-align:right;
}

h1 {
  font-family:arial,helvetica,sans-serif; font-size:18px; font-weight:bold; color:#000000;
  margin:0; padding:4px 0 0 12px; 
}
h2 {
  font-family:arial,helvetica,san-serif; font-size:16px; font-weight:bold;
  padding:0; margin:0 0 0 12px;
}

img {
  margin:0; padding:0; border:0;
}
img.xleft {  /* left aligned image */
  float:left; margin:2px 10px 2px 12px;
}
img.xright {  /* right aligned image */
  float:right; margin:2px 0 2px 10px;
}

p {
  font-family:verdana,helvetica,sans-serif; font-size:10px; color:#000000; line-height:130%;
  margin:0 10px 0 12px; padding:0;
}
    
a:link,
a:visited {text-decoration:none; font-weight:bold; color:#000099;}
a:hover {text-decoration:underline; font-weight:bold; color:#0000ff;}


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;
}

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

div#pcartLogin {
  position:relative;
  width:100%; max-width:300px;
  padding:0; margin:0;
}
div#pcartAccount {
  position:relative;
  width:100%; max-width:360px;
  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:160px;
  background:#ffffee;
  border:1px solid #aaa;
  vertical-align:top;
}
  p.topr {
    position:absolute; top:4px; right:4px;
  }

img.pcprodimg {
  margin:0; padding:0;
  height:60px;
}  

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; max-width:640px;
}
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 { /* print version */
  position:relative; display:inline-block;
  width:47%; margin:0; padding:4px 4px 2px 0;
  vertical-align:top;
}
div.pc4 {
  position:relative; display:inline-block;
  width:10%; min-width:60px; 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;
}

/* View Cart table, slight adjustments for print.css */
table.pcviewcart {
  width:97%; max-width:620px; margin:0 0 0 12px; 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 {
    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: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:100%; max-width:900px;
  border:1px solid #888;
}
  table.pchistory td {
    vertical-align:top;
    padding:2px 8px 8px 2px;
    border-bottom:1px solid #ddd;
  }
  
.pcUpdateBtn {
  font-weight:bold;
}
.pcRemoveBtn {
  font-weight:bold;
  color:#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;
  }
  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;
  }
  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;
  }

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

div.formfield {
  position:relative; display:inline-block; vertical-align:top;
  text-align:left; min-width:50px;
  margin:0 10px 15px 0; padding:0;
}
  
.boxBlur {
  font-family:courier new,courier,monospace; font-size:12px; 
  border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  padding:6px;
}
.boxBlurDisable {
  font-family:courier new,courier,monospace; font-size:12px; 
  border:1px solid #c9c9c9; color:#323232; background:#ececec;
  padding:6px;
}
.boxBlur:focus,.boxFocus {
  font-family:courier new,courier,monospace; font-size:12px; 
  border:1px solid #444; color:#181818; background:#ffffdd;
  padding:6px;
}
.boxBlurR {
  font-family:courier new,courier,monospace; font-size:12px; 
  border:1px solid #c9c9c9; color:#181818; background:#fcfcfb;
  text-align:right; padding:6px;
}
.boxBlurR:focus,.boxFocusR {
  font-family:courier new,courier,monospace; font-size:12px;
  border:1px solid #444; color:#181818; background:#ccffcc;
  text-align:right; padding:6px;
}
  .boxError {
    font-family:courier new,courier,monospace; font-size:12px; 
    border:1px solid #ff0000; background:#ffcccc; padding:6px; 
  }
  .boxRequired {
    font-family:courier new,courier,monospace; font-size:12px; 
    border:1px solid #ff0000; color:#181818; background:#fcfcfb; padding:6px; 
  }
  .boxRequired:focus {
    font-family:courier new,courier,monospace; font-size:12px; 
    border:1px solid #ff0000; color:#181818; background:#ffffdd; padding:6px; 
  }
  .boxDisable {
    display:none;
  }
  .boxClear {
    text-align:right;
    font-family:courier new,courier,monospace; font-size:12px; 
    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;
}  
  
  
/* Calendar popup */
.calendar-box {
	display:none;
  z-index:9999;
	background-color:#fff;
	border:1px solid #444;
	position:absolute;
	width:250px;
	padding: 0 5px;
}
.calendar-box select.calendar-month {
	width:90px;
}
.calendar-box select.calendar-year {
	width:60px;
}
.calendar-box .calendar-cancel {
	width:100%;
}
.calendar-box table {
	margin:0; padding:0;
}
.calendar-box table td {
	width:50px;
  padding:2px;
}
.calendar-box .calendar-title {
	text-align:center;
}
.calendar-box a {
	padding:2px 4px 2px 4px;
	text-decoration:none;
  margin:1px;
  border:1px solid #dddddd;
}
.calendar-box .today a {
	padding:2px 4px 2px 4px;
	background-color:#ffff99;
  margin:1px;
  border:1px solid #ffcc00;
} 
.calendar-box .selected a {
	padding:2px 4px 2px 4px;
	background-color:#c9ff8b;
  margin:1px;
  border:1px solid #000000;
}