/* Global Form Settings */

input.tel3 {
width: 30px;
margin:0; padding:0;
}
input.tel4 {
width: 40px;
margin:0; padding:0;
	
}

/* Contact Us Form */

form#form-contact {
	width: 500px;
	margin-top: 25px;
	border: 0;
}


form#form-contact div.row label {
	float: left;
	text-align:right;
	width: 200px;
	font-weight: bold;
}

form#form-contact div.row input {
	width: 180px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: left;
}

form#form-contact div.row select {
	float: left;
	width: 150px;
	margin-bottom:5px;
		margin-left: 5px;
}

form#form-contact div.row textarea {
	float: left;
	width: 250px;
	height: 150px;
	margin: 0; padding: 0;
		margin-left: 5px;
}

form#form-contact input.submit {
	margin: 10px 0 0 200px;
}



/* Register Form */

#reg-left {
	width: 47%;
	float: left;
}

#reg-right {
	width: 47%;
	float: left;
	padding:10px;
}

#reg-right ul {
	list-style-position: outer;
	list-style-type: disc;
	margin: 0 0 0 30px;
	padding: 0;

}

#reg-right ul li {

	margin:0;
	padding: 5px 0 0 10px;
	text-align: left;
}


p.title {
    font-size: 12px;
    font-weight: bold;
	
}
p.blurb {
	font-size: 12px;
	font-weight: normal;
	padding-left: 5px;
}

#reg-right h1 {
	font: 80% Verdana, sans-serif;
	padding-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}

#reg-right h2 {
	font: 80% Verdana, sans-serif;
    margin-bottom: 10px;
    font-size: 12px;
}


#reg-left h1 {
	font: 80% Verdana, sans-serif;
	padding-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}

#reg-left h2 {
	font: 80% Verdana, sans-serif;
    margin-bottom: 10px;
    font-size: 12px;
}



#reg-right .messaging li {
    clear: both;
    margin: 0;
}

.register .beta[class] .messaging li {
    margin-bottom: 12px;
}

.register .beta .messaging li img {
    float: left;
    position: relative;
}


form#form-register {
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: 350px;
}

form#form-register fieldset {
  clear: both;
  font-size: 90%;
  padding: 10px;
  margin: 0 0 0 0;
}

form#form-register div.row {
  clear: left;
  display: block;
  width: 350px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form#form-register div.submit {
	padding:0; margin: 0 auto;
	width: 100%;
}
form#form-register div.submit input.register {
	padding:0; 
	margin:0 0 0 190px;
}
form#form-register div.submit input.refer {
	padding:0; 
	margin:0 0 0 190px;
}


form#form-register div.submit div {
	width: 220px;
	margin: 0 auto;
}


form#form-register fieldset div.row p {
	font-size: 80%;
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form#form-register div.row label {
  display: block;
  float: left;
  width: 160px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}


form#form-register fieldset div.row label.error {
	margin:4px 0 4px;
	background: url('../img/cross.png') top left no-repeat;
	padding:0 0 0 22px;
	float: right;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	width: 250px;
	text-align: left;
	height: 14px;

}

form#form-register fieldset div.row input {
	width:170px;
}

form#form-register fieldset div.row input :focus {

border: 1px solid gray;
}

/* end registration forms */

form#register {
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: 350px;
}

form#register fieldset {
  clear: both;
  font-size: 90%;
  padding: 10px;
  margin: 0 0 0 0;
}

form#register div.row {
  clear: left;
  display: block;
  width: 350px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form#register div.submit {
	padding:0; margin: 0 auto;
	width: 100%;
}
form#register div.submit input.register {
	padding:0; 
	margin:0 0 0 190px;
}
form#register div.submit input.refer {
	padding:0; 
	margin:0 0 0 190px;
}

form#register div.button1 
{
	float: right;
}
	

form#register div.submit div {
	width: 220px;
	margin: 0 auto;
}


form#register fieldset div.row p {
	font-size: 80%;
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form#register div.row label {
  display: block;
  float: left;
  width: 150px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}


form#register fieldset div.row label.error {
	margin:4px 0 4px;
	background: url('../img/cross.png') top left no-repeat;
	padding:0 0 0 22px;
	float: right;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	width: 250px;
	text-align: left;
	height: 14px;

}

form#register fieldset div.row input {
	width:170px;
}

form#register fieldset div.row input :focus {

border: 1px solid gray;
}

/* end registration forms */


/* form register */
form#form-refer {
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: 350px;
}

form#form-refer fieldset {
  clear: both;
  font-size: 90%;
  padding: 10px;
  margin: 0 0 0 0;
}

form#form-refer div.row {
  clear: left;
  display: block;
  width: 350px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form#form-refer div.submit {
	padding:0; margin: 0 auto;
	width: 100%;
}
form#form-refer div.submit input.register {
	padding:0; 
	margin:0 0 0 190px;
}
form#form-refer div.submit input.refer {
	padding:0; 
	margin:0 0 0 190px;
}


form#form-refer div.submit div {
	width: 220px;
	margin: 0 auto;
}


form#form-refer fieldset div.row p {
	font-size: 80%;
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form#form-refer div.row label {
  display: block;
  float: left;
  width: 160px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form#form-refer fieldset div.row label.error {
	margin:4px 0 4px;
	background: url('../img/cross.png') top left no-repeat;
	padding:0 0 0 22px;
	float: right;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	width: 250px;
	text-align: left;
	height: 14px;

}

form#form-refer fieldset div.row input {
	width:170px;
}


/* end registration forms */


#purchase-area {
	font-size: x-small;
	width:710px;
	margin:0 auto;
	padding: 0;
	
}

#purchase-area div.row {
	width: 710px;
	padding: 10px;
	margin: 5px 0 0 0;
	clear:both;
	border-top: 1px #555555 solid;

}

#purchase-area div.row .note {
  float: left;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

#purchase-area div.row .note h4{
  background-image: url('../img/icon_info.gif');
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
 }


#purchase-area div.row .note p{
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}


#purchase-area div.row .fields {
	width:530px;
	margin-left: 170px;
	margin: 0;
	padding: 0 0 10px 0;
	overflow: auto;
	min-height: 65px;
}

#purchase-area div.row .fields .right {
	width:250px;
	margin: 0;
	padding: 0 0 0 15px;
	display:block;
}


#purchase-area div.row .fields .left {
	width:250px;
	margin: 0;
	padding: 0 0 0 15px;
	display:block;
}


#purchase-area div.row .fields .right label {
	width:100%;
	margin: 0;
	padding: 0;
}


#purchase-area div.row .fields .left label {
	width:100%;
	margin: 0;
	padding: 0;
}

#purchase-area div.row .fields .right input {
	width:90%;
	margin: 0;
	padding: 0;
}


#purchase-area div.row .fields .left input {
	width:90%;
	margin: 0;
	padding: 0;
}


/* test */

form#order {
	width:700px;
	
}

form#order fieldset {
  border-top: #000 1px solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
	
}

form#order fieldset legend {
	font-weight: bold;
}


form#order fieldset div#row {
	width:100%;
	border-bottom: 1px gray solid;
	margin-top: 5px;
}


form#order fieldset div {
	width: 36%;
	float:left;
}


form#order fieldset div input.submitButton {
	width: auto;
	margin: 30px 0 0 10px;
	
}

form#order fieldset div.tr {
	width:100%;
	margin: 10px 0 0 0;
	/* border-bottom: 1px gray solid;*/

}

form#order fieldset div.tr div.note {
	width: 23%;
	float:left;
	padding: 5px;
	  border: 1px solid #666666;
  background-color: #ffffe1;

}

form#order fieldset div.tr div.emptynote {
	width: 23%;
	float:left;
	padding: 5px;

}


form#order fieldset div.tr div.note h4 {
	font-size:85%;
	font-weight: bold;
}

form#order fieldset div.tr div.note p {
	font-size:75%;
}

form#order fieldset div.tr div.cols {
	width: 73%;
	/* border-bottom: 1px gray solid; 
	padding-bottom: 15px;*/
	margin-left:8px;
	min-height: 50px;
}

form#order fieldset div.tr div.cols div.lftcol {
	float: left;
	width: 48%;
	min-height: 70px;
}
form#order fieldset div.tr div.cols div.rgtcol {
	float: left;
	width: 48%;
}

form#order fieldset div.tr div.cols div.rgtcol label {
	font-size:75%;
	display: block;  /* block float the labels to left column, set a width */
	width: 100%; 
	padding: 0; 
	margin: 0; /* set top margin same as form input - textarea etc. elements */
}

form#order fieldset div.tr div.cols div.lftcol label {
	font-size:75%;
	display: block;  /* block float the labels to left column, set a width */
	width: 100%; 
	padding: 0; 
	margin: 0; /* set top margin same as form input - textarea etc. elements */
}

form#order fieldset div.tr div.cols div.rgtcol label.ship {
	font-size:75%;
	display: inline;   /* block float the labels to left column, set a width */
	width: 20%; 
	padding: 0; 
	margin: 0; /* set top margin same as form input - textarea etc. elements */
}


form#order fieldset div.tr div.cols div.lftcol label.ship {
	font-size:75%;
	display: inline;   /* block float the labels to left column, set a width */
	width: 20%; 
	padding: 0; 
	margin: 0; /* set top margin same as form input - textarea etc. elements */
}


form#order fieldset div textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:200px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}


form#order fieldset div input {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:200px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form#order fieldset div.tr div.cols div.lftcol input#cc_digit4 {
	width: 30px;
	margin: 0;
}

form#order fieldset div.tr div.cols div.lftcol input#cc_digit3 {
	width: 30px;
	margin: 0;
}

form#order fieldset div.tr div.cols div.lftcol input#cc_digit2 {
	width: 30px;
	margin: 0;
}

form#order fieldset div.tr div.cols div.lftcol input#cc_digit1 {
	width: 30px;
	margin: 0;
}

form#order fieldset div.tr div.cols div.lftcol input#cc_expiration {
	width: 50px;
	margin:0;
}

form#order fieldset div.tr div.cols div.rgtcol input#cc_sid {
	width: 40px;
	margin:0;
}

form#order fieldset div.tr div.cols div.lftcol input#sameno {
	width: 30px;
	margin:0;
}

form#order fieldset div.tr div.cols div.lftcol input#sameyes {
	width: 30px;
	margin:0;
}

form#order fieldset div.tr div.col {
	float: right;
	width: 74%;
}




form#order fieldset .formbuttons{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url('../img/form-bg.gif') repeat-x left top;
margin: 5px 0 0 280px;
}



form#order fieldset div.tr div.cols div.lftcol input.tel3 {
width: 30px;
margin:0; padding:0;
}



form#order fieldset div.tr div.cols div.rgtcol input.tel3 {
width: 30px;
margin:0; padding:0;
}
form#order fieldset div.tr div.cols div.lftcol input.tel4 {
width: 35px;
margin:0; padding:0;
	
}



form#order fieldset div.tr div.cols div.rgtcol input.tel4 {
width: 35px;
margin:0; padding:0;
	
}


/* share your Argos form */

form#form-dog {
	width: 700px;
	
}

form#form-dog div.row {
	width: 700px;
	margin-top: 5px;
	
}

form#form-dog div.row label {
	width: 300px;
	float: left;
	text-align: right;
}

form#form-dog div.row input.text {
	width: 150px;
	float: left;
	text-align: left;
	padding-left: 15px;
}

form#form-dog div.row input.checkbox {
	width: 150px;
	float: left;
	text-align: left;
}




/* trainer search form */
table.trainers {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 700px;
	}

table.trainers th {
	padding: 0 0.5em;
	text-align: left;
	}

table.trainers tr.top td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}

table.trainers td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}

table.trainers td.width {
	width: 190px;
	}

table.trainers td.adjacent {
	border-left: 1px solid #CCC;
	text-align: center;
	}




      textarea:focus, input:focus {
      border: 1px solid #900;
      }