/*
///////////////////////////////////////////////////
// 
//   namesuppressed Purchase Stylesheet v4
//   24 April 2018
//
//   www.namesuppressed.com
//   syneryder@namesuppressed.com
//
//   Stylesheet designed for the Purchase pages.
//   Only contains additional CSS definitions,
//   everything else is in /ssi/generic.css
//
///////////////////////////////////////////////////
*/


/**************************************************
  Order form
**************************************************/

/* Consider making this 18px font */
table.order {
  width:            450px;
  margin-left:      auto;
  margin-right:     auto;
  margin-bottom:    20px;
  background-color: #ffffff;
  border: solid 1px #666666;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
  border-spacing: 0px;
}

table.order .section {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  color: #ffffff;
  background-color: #aa0000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa3333', endColorstr='#662222');  
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa3333', endColorstr='#662222')"; 
  background: -moz-linear-gradient(#aa3333, #662222);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #aa3333), color-stop(100%, #662222));
  background: -o-linear-gradient(#aa3333, #662222);  
  background: linear-gradient(#aa3333 5%, #662222 100%);  
}

table.order .quantity {
  text-align: left;
  vertical-align: middle;
  padding-top:    4px;
  padding-bottom: 4px;
  padding-left:   6px;
  border-bottom:  1px solid #EEEEEE;
}

table.order .name {
  text-align: left;
  padding-top:    4px;
  padding-bottom: 4px;
  padding-left:   6px;
  border-bottom:  1px solid #EEEEEE;
}

table.order .price {
  text-align: right;
  padding-top:    4px;
  padding-bottom: 4px;
  padding-right:  6px;
  border-bottom:  1px solid #EEEEEE;
}


select {
	font-size: 16px;
}

.localprice {
	font-size: 12px;
	color: #777777;
}


.note {
  width:            500px;
  margin-left:      auto;
  margin-right:     auto;
  margin-bottom:    20px;
  padding:          0px;
  border-width:     1px;
  border-style:     solid;
  border-color:     #9999CC;
  background-color: #CCCCFF;
  color:            #000000;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

.note td {
  padding: 0px;
}

.note h3 {
  font-size:        15px;
  text-align:       center;
  margin:           0px;
  padding:          4px;
  margin-bottom:    6px;
  font-weight:      bold;
  background-color: #9999CC;
  color:            #000000;
}

.note select {
  margin-bottom: 4px;
}

.important {
  width:            500px;
  margin-left:      auto;
  margin-right:     auto;
  padding:          0px;
  /* font-size:        13px; */
  border-width:     1px;
  border-style:     solid;
  border-color:     #CC9999;
  margin-bottom:    20px;
  background-color: #FFCCCC;
  color:            #000000;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

.important h3 {
  text-align:       center;
  margin:           0px;
  padding:          4px;
  margin-bottom:    6px;
  font-weight:      bold;
  background-color: #CC9999;
  color:            #000000;
}

.important p {
  margin-top:     8px;
  margin-bottom:  8px;
  padding-left:   5px;
  padding-right:  5px;
}



/*******************************************************************
  Confirm form
*******************************************************************/

table.catalog {
  width:            500px;
  margin-left:      auto;
  margin-right:     auto;
  margin-bottom:    20px;
  border-width:     1px;
  border-style:     solid;
  border-color:     #CCCC99;
  border-collapse:  collapse;
  empty-cells:      show;
  padding:          0px;
  background-color: #FFFFCC;
  color:            #000000;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
}

table.catalog th {
  padding:          2px;
  border-width:     1px;
  border-style:     solid;
  border-color:     #CCCC99;
  background-color: #FFFFCC;
  color:            #000000;
}

table.catalog td {
  padding:          2px;
  border-width:     1px;
  border-style:     solid;
  border-color:     #CCCC99;
  background-color: #FFFFCC;
  color:            #000000;
}

table.catalog th.heading {
  text-align:       center;
  background-color: #CCCC99;
  color:            #000000;
}

table.catalog h3 {
  margin-top:    2px;
  margin-bottom: 2px;
  padding:       0px;
}


table.catalog .name {
  width:      300px;
  text-align: left;
}

table.catalog .qty {
  width:      70px;
  text-align: center;
}

table.catalog .price {
  width:      80px;
  text-align: right;
}



.oswarning {
  text-align: center;
}

.price {
  text-align: right;
}

.paymentmethodalert {
  text-align: center;
}