/* form.checkoutforms and form.checkoutform Elements */
table input, table select {
	border:1px solid #CCC;
	padding:1px 2px;
	margin:5px 5px 0 0;
	font-size:9pt;
	}
table input {
	width:30px;
	}
table select {
	width:auto;
	}
input.button {
	border:1px solid #CCC!important;
	background:url(/includes/templates/pacific_northern/images/btn_tile.gif) repeat-x left #CCC;
	padding:1px 5px;
	margin:5px 5px 0 0;
	font-size:8.25pt;
	font-weight:bold;
	color: #FFFFFF;
	width:auto!important;
	}
input[type="submit"].button{ 
	margin: 0px 0 -2px 10px !important;
}
a.button {
	color:#FFF!important;
	font-weight:bold!important;
	background:url(/includes/templates/pacific_northern/images/btn_tile.gif) repeat-x top left #333!important;
	padding:1px 5px!important;
	font-size:8.25pt;
	margin:5px 5px 0 0;
	border-left:none!important;
	text-decoration: none;
}
input.blended {
	background-color:#FFF;
	border:none!important;
	padding:0;
	text-align:right;
	width:auto!important;
}


/* ----------------------------- form.checkoutforms and Fieldsets */

address {
	line-height:20px;
	margin:.5em 1px 1em 1px;
	font-size:9pt;
	}
div#maincontent form {
	margin:0;
	font-size:9pt;
	}
div#maincontent form fieldset {
	border:1px solid #CCC;
	padding:10px;
	margin:1.5em 10px 1.5em 10px;
	}
div#maincontent form em{
	color:#F00;
	font-size:7.5pt;
	}
div#maincontent form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 1px 5px; 
	margin: 5px 0 5px 0; /* set top margin same as div#content form.checkoutform input - textarea etc. elements */
	text-align: right; 
	}
div#maincontent label.yesno_label {
  width: 35px;
	margin:5px -15px 0 17px;
	text-align: left; 
  }
div#maincontent form input, div#maincontent form textarea, div#maincontent form select {
	width:200px;
	margin:5px 0 0 20px;
	border:1px solid #CCC;
	padding:1px 2px;
	}

div#maincontent form input.radio{ 
	width:10px !important;
	border:none;
 }

div#maincontent form div.radios {
	width:200px;
	margin:5px 0 0 20px;
	float:left;
	}
div#maincontent form div.yesno_radios input { 
  width:10px;
	margin:8px 0px 0 0px;
	float:left;
	border:none;
  }
div#maincontent form div.radios input {
	border:none;
	}
div#maincontent form select {
	width:210px;
	}
div#maincontent form select.select_sm {
	width:70px;
	}

div#maincontent form input.check {
	width:auto!important;
	margin:0;
	padding:0;
	}
div#maincontent form .required{ 
	font-weight:bold;
	color:red;
	}
div#maincontent form .alert{
	color:red;
  }
div#maincontent form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
	}

form.checkoutform {  /* set width in div#content form.checkoutform, not fieldset (still takes up more room w/ fieldset width */
	width: 940px;
	padding:10px 0;
	border:1px solid #CCC;
	}
form.checkoutform fieldset.bill-ship {
	float:left;
	width:425px;
	}

form h2 {
	margin-top:.5em;
	margin-bottom:0;
	}
form.checkoutform h2 small {
	font-size:8.25pt;
	font-weight:normal;
	}
form.checkoutform h2 small input {
	margin:0;
	padding:0;
	float:none;
	border:none;
	}
form.checkoutform span {
	font-size:7.5pt;
	font-weight:normal;
	}

form.checkoutform textarea {
	height:200px;
	}
form.checkoutform input[type='radio'] {
	margin:5px 0 0 10px;
	}

textarea { overflow: auto; height:100px; }

/* ----------------------------- form.productpageform and Fieldsets */

form.productpageform {
	}
form.productpageform input, form.productpageform label, form.productpageform select, form.productpageform input.button {
	margin:0!important;
	padding:0;
	float:none;
	text-align:left;
	width:auto!important;
	}
form.productpageform input, form.productpageform select {
	border:1px solid #CCC;
	font-size:8.25pt;
	padding:2px!important;
	width:197px!important;
	}
form.productpageform input.qty {
	width:40px!important;
	margin-right:10px!important;
	}
td.cartqty input {
	width:40px!important;
	margin:0px;
	padding:0px;
	}
.update_qty_image {
	width: 24px;
	height: 32px;
}