div#LeftPanel
,div#RightPanel
{
	width:50%;
	float:left;
}

div#RightPanel > form#ContactUsForm > fieldset > textarea
{
	min-height:200px;
}
div#RightPanel > form#ContactUsForm > fieldset > textarea,
div#RightPanel > form#ContactUsForm > fieldset > input
{
	width:55%;
	float:right;
}

div#RightPanel > form#ContactUsForm > fieldset.Submission,
div#RightPanel > form#ContactUsForm > fieldset#StoreMYInfo
{
	width:60%;
}

div#RightPanel > form#ContactUsForm > fieldset#StoreMYInfo
{
	margin:0 auto;
}

div#RightPanel > form#ContactUsForm > fieldset > input#StoreMYInfoCheckBox
{
	width:10%;
}

div#TCRMContactWrapper
{
	width:93%;
	padding:50px 3.5% 50px 3.5%;
	margin-bottom:25px;
	background-image: url('/images/layout/designa/ContactusBoxBackground.png');
	background-repeat: no-repeat;
		background-size:100% 100%;
		-moz-background-size:100% 100%;
		-webkit-background-size:100% 100%;
}

div#TCRMContactWrapper
{
	color:black;
}
div#TCRMContactWrapper div#LeftPanel
{
	width:40%;
	padding-left:3%;
	padding-right:7%;
}
div#TCRMContactWrapper div#RightPanel
{
	width:40%;
	padding-left:7%;
	padding-right:3%;
}

div#TCRMContactWrapper > div#LeftPanel > a.TCRMVersionRightImage > img
{
	width:35%;
	height:auto;
}

div#EmailSentConfirmationBox img
{
	width:100%;
	height:auto;
}

@media screen and (max-width: 768px) 
{
	div#TCRMContactWrapper
	{
		background-image: none;
		background-color: white;
	}
	div#TCRMContactWrapper div#LeftPanel, div#TCRMContactWrapper div#RightPanel
	{
		width:90%;
		padding-left:5%;
		padding-right:5%;
		float:inherit;
	}
}

/*
Start of Register Area
This css is also used to set the majority of settings on Register, Login, Logout,mydetails, changepassword, lost password
*/

form.LostPasswordForm > fieldset.Submission > input,
form.MyDetails input, form.MyDetails select,
form.Register input, form.Register select,
form.customerloginform input, form.customerloginform select,
form.LostPasswordForm > fieldset > input
{
/*
	background-color:#d2df97;
	background-color:#007700;
	color:#fff;
	color:#00cccc;
*/
}

form.MyDetails legend,
form.Register label,
form.MyDetails label,
form.customerloginform label,
form.ChangePasswordForm label,
form.LostPasswordForm label
{
/*
	color:#fff;
	color:red;
	color:grey;
*/
}

div.OrderLines table th,div.OrderLines table td,div.MyOrders table th,div.MyOrders > table td, form.customerloginform fieldset,
form.MyDetails fieldset, form.Register fieldset, form.customerloginform fieldset,
form.MyDetails fieldset.ThreeColumn,
form.Register fieldset.ThreeColumn,
form.LostPasswordForm > fieldset
{
/*
	outline-color:#cccc00;
	border-color:white;
*/
	border-color:red;
	outline-color:blue;
}

form.customerloginform fieldset,
form.MyDetails fieldset, form.Register fieldset, form.customerloginform fieldset,
form.MyDetails fieldset.ThreeColumn,
form.Register fieldset.ThreeColumn,
form.LostPasswordForm > fieldset
{
/*
*/
	outline-width:1px;
	outline-style:solid;
	border-width:1px;
	border-style:solid;
}



form.customerloginform label,
form.ChangePasswordForm label,
form.LostPasswordForm label
{
/*
*/
	float:left;
	width:42%;
	padding:3px 3% 3px 0;
}

form.customerloginform input,
form.ChangePasswordForm input
{
/*
*/
	float:right;
	width:47%;
	padding:3px 1% 3px 1%;
}


form.LostPasswordForm > fieldset.Submission > label,
form.LostPasswordForm > fieldset.Submission > input
{
	width:98%;
	padding:3px 1% 3px 1%;
}

form.MyDetails > fieldset.TwoColumns label, form.MyDetails > fieldset.TwoColumns input
{
	float:left;
	width:50%;
	border-width:0 0 0 0;
	outline-width:0 0 0 0;
	margin:0 0 0 0;
}

form.MyDetails > fieldset.TwoColumns input
{
	width:5%;
	padding-right:45%;
	margin-top:3px;
}

form.MyDetails > fieldset.TwoColumns
{
	border-width:0 0 0 0;
	outline-width:0 0 0 0;
}

form#RegisterForm.Register > fieldset.Submission,
form.MyDetails fieldset.ThreeColumn,
form.Register fieldset.ThreeColumn
{
	/*
	background-color:red;
	*/
	float:left;
	margin:0 .5% 0 .5%;
	width:30%;
	padding:5px 1% 5px 1%;
	padding-top: 10px;
	height:auto;
}

form.Register > input#StoreMYInfoCheckBox.RegisterForm
{
	width:5%;
	margin:0 auto;
}

form#RegisterForm.Register > fieldset.Submission
{
	margin-left:33.5%; /* This puts the register captcha in the center panel */
	margin-bottom:10px; /* This puts the register captcha in the center panel */
}

form.ChangePasswordForm input,
form.ChangePasswordForm label,
form.MyDetails  label,
form.Register label
{
/*
*/
	display: block;
	margin-top: 10px;
}

form.MyDetails input, form.MyDetails select,
form.Register input, form.Register select
{
	width: 100%;
}


/* This is all for the captcha setup */

fieldset.Submission
{
	display:block;
	width:30%;
	clear:both;
	margin:25px auto;
	padding-top:25px;
}

fieldset.Submission > img#captcha_image
{
	width:100%;
	height:auto;
	padding-bottom:10px;
}

fieldset.Submission > div#captcha_image_audio_controls
{
	width:50%;
	float:left;
}

fieldset.Submission > div#captcha_image_audio_controls > a.captcha_play_button > img.captcha_play_image
{
	width:25%;
	height:auto;
}

fieldset.Submission > div#captcha_image_audio_controls img
{
	text-align:left;
	margin-left:37.5%;
}


fieldset.Submission > a > img
{
	margin-left:15%;
	width:12%;
	height:auto;
}

@media screen and (max-width: 767px) 
{
	form.Register fieldset.ThreeColumn
	{
		/*
		background-color:red;
		*/
		width:100%;
		padding: 1%;
		padding-top: 10px;
		height:auto;
		border-style: solid;
		border-width:1px;
	}
	fieldset.Submission
	{
		width:100%;		
	}
}


/*
End of Register Area
*/

p#AdminDynamicCSSAlert
{
         display:none;
}
