table.checkoutTable {

	font-family: Arial, Helvetica, sans-serif;

	font-size:11px;

	padding:8px;



}



table.checkoutTable h3 {

	font-size:13px;

}



table.checkoutTable a {

	color:#77c005;



}





#container {

	width:700px;

	margin:0 auto;

	background-color:#fff;

}



#formWrapperLeft {

	float:left;

	width:662px;

	padding:10px;

	margin:0 0 0 20px;

	background-color:#f8f8f8;

	border:1px solid #CCCCCC;

}



#formWrapperRight {

	float:right;

	width:151px;

	padding:10px;

	background-color:#f8f8f8;

	border:1px solid #CCCCCC;

}



#checkoutright {

	width:20px;

	float:left;

	margin: 0 4px 0 2px;



}

#formContainer {

	width:662px;

	background-image: url(../images/formborderbg.gif);

	background-repeat: repeat-y;

}



#formContainer h3 {

	font-size:1.3em;

	color:#2a4486;

}



#formTopbg {

	background-image: url(../images/formbgtop.gif);

	background-repeat: no-repeat;

	width:662px;

	height:7px;

	background-position: center top;

}



#formBottombg {

	background-image: url(../images/formbgbottom.gif);

	background-repeat: no-repeat;

	width:662px;

	height:7px;

}



#formLeft {

	padding:4px;

	width:306px;

	float:left;

	margin-left:8px;

	margin-right:4px;

	text-align:left;

}



#formRight {

	padding:4px;

	width:298px;

	float:left;

	margin-left:18px;

	margin-right:4px;

	text-align:left;

}







/* form.css */


/*


form {

  margin: 0;

  padding: 0;

  font-size: 100%;

  width: 100%;

}



form fieldset {

  clear: both;

  font-size: 100%;

  border-color: #000000;

  border-width: 1px 0 0 0;

  border-style: solid none none none;

  padding: 10px;

  margin: 0 0 0 0;

}



form fieldset legend {

  font-size: 150%;

  font-weight: normal;

  color: #000000;

  margin: 0 0 0 0;

  padding: 0 5px;

}



label {

  font-size: 100%;

}



label u {

  font-style: normal;

  text-decoration: underline;

}



input, select, textarea {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 100%;

  color: #000000;

}



textarea {

  overflow: auto;

}



form div {

  clear: left;

  display: block;

  height: expression(\'1%\');

  

}



form fieldset div.notes {

  float: right;

  width: 158px;

  height: auto;

  margin: 0 0 10px 10px;

  padding: 5px;

  border: 1px solid #666666;

  background-color: #e9f5ff;

  color: #666666;

  font-size: 88%;

}



form fieldset div.notes h4 {

  background-image: url(/images/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%;

}



form fieldset div.notes p {

  margin: 0em 0em 1.2em 0em;

  width:100%;

  color: #666666;

}



form fieldset div.notes p.last {

  margin: 0em;

}



form div fieldset {

  clear: none;

  border-width: 1px;

  border-style: solid;

  border-color: #666666;

  margin: 0 0 0 144px;

  padding: 0 5px 5px 5px;

  width: 197px;

}



form div fieldset legend {

  font-size: 100%;

  padding: 0 3px 0 9px;

}



form div.required fieldset legend {

  font-weight: bold;

}



form div label {

  display: block;

  float: left;

  width: 134px;

  padding: 3px 5px;

  margin: 0 0 5px 0;

  text-align: right;

}



form div.optional label, label.optional {

  font-weight: normal;

}



form div.required label, label.required {

  font-weight: bold;

}



form div label.labelCheckbox, form div label.labelRadio {

  float: none;

  display: block;

  width: 200px;

  height: expression(\'1%\');

  padding: 0;

  margin: 0 0 5px 142px;

  text-align: left;

}



form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {

  margin: 0 0 5px 0;

  width: 170px;

}



form div img {

  border: 1px solid #000000;

}



p.error {

  background-color: #ff0000;

  background-image: url(/images/icon_error.gif);

  background-repeat: no-repeat;

  background-position: 3px 3px;

  color: #ffffff;

  padding: 3px 3px 5px 27px;

  border: 1px solid #000000;

  margin: auto 100px;

}



form div.error {

  background-color: #ffffe1;

  background-image: url(/images/required_bg.gif);

  background-repeat: no-repeat;

  background-position: top left;

  color: #666666;

  border: 1px solid #ff0000;

}



form div.error p.error {

  background-image: url(/images/icon_error.gif);

  background-position: top left;

  background-color: transparent;

  border-style: none;

  font-size: 88%;

  font-weight: bold;

  margin: 0 0 0 118px;

  width: 200px;

  color: #ff0000;

}



form div select, form div textarea {

  width: 200px;

  padding: 1px 3px;

  margin: 0 0 0 0;

}



form div input.inputText, form div input.inputPassword {

  width: 200px;

  padding: 1px 3px;

  margin: 0 0 0 0;

}



form div input.phoneNumber {

  width: 30px;

  padding: 1px 3px;

  margin: 0 0 0 0;

}



form div select.expiration {

  width: 70px;

  padding: 1px 3px;

  margin: 0 0 0 0;

}



form div input.inputFile {

  width: 211px;

}



form div select.selectOne, form div select.selectMultiple {

  width: 205px;

  padding: 1px 3px;

}



form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {

  display: inline;

  height: auto;

  width: auto;

  background-color: transparent;

  border-width: 0;

  padding: 0;

  margin: 0 0 0 0;

}



form div.submit {



  width: 214px;

  padding: 0 0 0 146px;

}



form div.submit02 {

  width: 214px;

  padding: 0 0 0 140px;

}



form div.submit div {

  display: inline;

  float: left;

  text-align: left;

  width: auto;

  padding: 0;

  margin: 0;

}



form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {

  background-color: #cccccc;

  color: #000000;

  width: auto;

  padding: 0 6px;

  margin: 0;

  

}



form div.submit div input.inputSubmit, form div.submit div input.inputButton {

  float: right;

  margin: 0 0 0 5px;

}



form div small {

  display: block;

  margin: 0 0 5px 142px;

  padding: 1px 3px;

  font-size: 88%;

  height: expression(\'1%\');

}

*/

.codecontainer{

height: 150px;

border: 1px solid gray;

width: 98%;

}









#content_table {

	margin-top: 1px;

	padding-top: 1.5px;

	font-family:Arial, Helvetica, sans-serif;



}







#content_table table th

{

	text-align: left;

	font-weight: bold;

	padding: 4px 4px 4px 4px;

	background-color:#e6edff;

}



#content_table table th h3

{

	font-size:1.3em;

	font-weight: bold;

	margin:0;

	padding:0;

	color:#2a4486;

}







#content_table p

{

	margin:0;

	line-height: 1.6em;

}





#content_table table

{

	border: dotted 1px #cacaca;

	padding: 0.5em;

	margin-bottom: 1.5em;

}



#content_table table td

{

	padding: 0.5em;

}





#content_table table tr.rowA

{

	background-color: #f5f5f5;

	color: inherit;

}



#content_table table tr.rowA p

{

	font-size:0.8em;

	text-align:left;

	padding-right:50px;

	

}



#content_table table tr.rowB

{

	background-color: #e3f2ff;

	color: inherit;

}



.indent {

	width:200px;

	float:left;

	

}





.inputText  {

  padding: 1px 3px;

  margin: 0 0 0 10px;

}













