/* CSS Document */

#eCommContainer         {margin: 0px 0px 0px 25px; width: 528px; text-align: left; color: black;}
#eCommForm              {width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 15px 0px 30px 0px;}
#formTitle              {font-size: 24px; font-weight: bold; letter-spacing: 3px;}
#title					{float: left; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #2B75C9;}
#tellAFriend            {float: left; margin: 15px 0px 15px 0px; clear: both;}
#dollar                 {font-size: 14px; font-style: italic; font-weight: bold; padding: 0px 3px 0px 0px; vertical-align: top;}
#etapCaptchaChallenge   {color: black; display: block; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; width: 225px;}
#captchaContainer       {display: block; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; width: 213px; height: 204px; background-color: #F0E600; border: 1px solid #2A0540;}
#challengeContainer     {display: block; margin: 6px 0px 0px 5px; padding: 6px; width: 190px; height: 80px; background-color: white;}
#captchaBg              {display: block; padding: 1px; width: 200px; height: 100px;}
#etapCaptchaInput input {border-width: 1px; border-color: #2A0540; border-style: solid;}

#field_top              {float: left; clear: both; width: 528px; height: 47px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url('../images/field_top.png'); background-repeat: no-repeat;}
#field_bg               {float: left; clear: both; width: 528px; height: auto; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 15px; background-image: url('../images/field_bg.png'); background-repeat: repeat-y;}
#field_bottom           {float: left; clear: both; width: 528px; height: 8px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; background-image: url('../images/field_bottom.png'); background-repeat: no-repeat;}
#field_top p            {font-size: 18px; font-weight: bold; color: #2A0540; line-height: 18px; font-style: italic; font-family: Arial, Helvetica, sans-serif; margin: 18px 0px 0px 18px; padding: 0px 0px 0px 0px;}
#left                   {float: left; clear: both; width: 245px; height: auto; margin: 10px 0px 0px 10px; padding: 0px 0px 10px 0px;}
#right                  {float: left; width: 250px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

input.text              {width: 225px; border-color: #2A0540; border-style: solid; border-width: 1px; margin: 0px 0px 10px 0px;}
input.text_2            {width: 225px; border-color: #2A0540; border-style: solid; border-width: 1px; margin: 1px 0px 1px 0px;}
input.amount            {width: 65px; border-color: #2A0540; border-style: solid; border-width: 1px; margin: 0px 0px 10px 0px;}
input.cvv2              {width: 30px; border-color: #2A0540; border-style: solid; border-width: 1px; margin: 0px 0px 10px 0px;}
textarea.address        {width: 225px; border-color: #2A0540; border-style: solid; border-width: 1px; margin: 0px 0px 10px 0px; height: 40px;}
textarea.comments       {width: 325px; border-color: #2A0540; border-style: solid; border-width: 1px; margin: 0px 0px 10px 0px; height: 80px;}
select                  {width: auto; border-color: #2A0540; border-style: solid; border-width: 1px; margin: 0px 0px 10px 0px;}

input.text:hover        {background-color: white;}
input.amount:hover      {background-color: white;}
input.cvv2:hover        {background-color: white;}
textarea.address:hover  {background-color: white;}
textarea.comments:hover {background-color: white;}
select:hover            {background-color: white;}

fieldset
{
	display: block;
	margin: 0px 0px 25px 0px;
	padding: 10px 0px 10px 7px;
	width: 100%;
	border-width: 1px;
	border-color: #003366;
	border-style: solid;
	background-color: #CCD3DB;
	
}
.legend
{
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 3px 2px 3px 5px;
	background-color: #486B8E;
	border-color: #003366;
	border-width: 1px;
	border-style: solid;
	border-bottom-width: 0px;
	clear: both;
}
label            {display: block; float: left; width: 150px;}
label.right      {display: block; width: 0px;}
.topLabels label {display: block; float: left; width: 160px;}
.required        {display: block; font-size: 12px; font-weight: bold; margin: 0px 0px 15px 0px;}
a.reset          {display: block; color: black; float: right;}
em.left          {display: block; float: left; width: 130px;}
em.right         {display: block; float: left; width: 21px;}
.p2              {margin: 10px 10px 10px 10px;}
small.small2     {vertical-align: top; font-size: 10px;}
.submit          {margin: 0px 0px 15px 0px; color: white; background-color: gray; border-color: black; border-style: solid;}
.submit:hover    {cursor: pointer;}
.button          {color: #2A0540; width: 82px; height: 35px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 0px; background-color: transparent; background-image: url('../images/button_bg.png'); background-repeat: no-repeat;}
.button:hover    {text-decoration: underline; width: 82px; height: 35px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 0px; background-color: transparent; background-image: url('../images/button_on_bg.png'); background-repeat: no-repeat; cursor: pointer;}