﻿.defaultForm
{
	width:100%;
	border:none;
	outline:none;
	margin:0 0 12px 0;
	font-size:1.1em;
	padding:0 0 0 14px;
	color:#525251;
	background:background: url(../images/1px2px_hexCCC.gif) repeat-x bottom;
}

.defaultForm input
{
	width:30em;
	float:right;
	border:1px solid #CCC;
	padding:4px;
	color:#787878;
	font-size:1.1em;
	background:#f5f8f6;
}

.defaultForm select
{
	width:31em;
	float:right;
	border:1px solid #CCC;
	padding:4px;
	color:#787878;
	font-size:1.1em;
	background:#f5f8f6;
}

.defaultForm textarea
{
	width:30em;
	float:right;
	border:1px solid #CCC;
	padding:4px;
	color:#787878;
	font-size:1.1em;
	background:#f5f8f6;
}

.defaultForm tr
{
	background:#f8f8f6;
}

.defaultForm tr:last-child
{
}

.defaultForm td
{
	border:none;
	width:16em;
	outline:none;
	margin:0;
	padding:0.8em 0.5em 0.8em 14px;
}

.defaultForm tr:hover
{
	background:#f0f0ee;
	color:#000;
}


.defaultForm tr:hover input
{
	background:#fdfdfd;
	cursor:pointer;
	border:1px solid #818181;
	height:auto;
}

.defaultForm tr:selected input
{
	background:#f2f8f5;
}

/* HAD TO GO! - MAKES DROPDOWNS LOSE FOCUS IN IE
.defaultForm tr:hover select
{
	background:#f2f8f5;
	cursor:pointer;
	border:1px solid #818181;
	height:auto;
}*/

.defaultForm tr input:focus, .defaultForm tr select:focus
{
	border:1px solid #666;
	background:#FFF;
	/*background:url(../images/activeInputBG.gif) no-repeat top right #FFF;*/
}

.formHeading
{
	width:auto;
	font-size:1.1em;
	background:url(../images/registerFormHeadingsBG.gif) no-repeat top left #f8f8f6;
	color:#FFF;
	margin:1.2em 0 0 0;
	padding:0.4em 0 0.4em 14px;
}

#contentFocusAreaDiv .defaultForm .checkboxQuestion
{
	width:100%;
}

#contentFocusAreaDiv .defaultForm .formCheckBox
{
	width:18px;
	height:18px;
	float:left;
	border:none;
	margin:0 0 0 0;
}

#deliveryTable
{
	background:#f8f8f6;
}

.submitButton, .proceedButton
{
	width:60px;
	height:24px;
	display:block;
	float: left;
	margin:10px 0 0 0;
	/*padding:6px 0 0 0;*/
	text-align: center;
	font-size:1.1em;
	color:#FFF;
	border:none;
	cursor:pointer;
	background: url(../images/buttonBG_60x24.gif) no-repeat top;
	padding:0 0 2px 0;
	font-weight:bold;
}

.proceedButton
{
	padding:0 0 2px 0;
	font-weight:bold;
	float: right;
}

.proceedButton:hover
{
	background:  url(../images/signUpNewsletterWidgetButtonBgHover.gif) no-repeat top;
	text-decoration:underline;
	
}


.submitButton.a:hover, .proceedButton.a:hover
{
	color:#FFF;
	cursor:pointer;
}

.submitButton_input
{
	width:60px;
	height:25px;
	display:block;
	float: left;
	margin:0 0 10px 0;
	padding:0 0 2px 0;
	font-weight:bold;
	text-align: center;
	font-size:1.1em;
	color:#FFF;
	border:none;
	cursor:pointer;
	background: url(../images/buttonBG_60x24.gif) no-repeat top;
}

.submitButton_input:hover
{

	background:  url(../images/signUpNewsletterWidgetButtonBgHover.gif) no-repeat top;
	text-decoration:underline;
}

.submitButton_input a:hover
{
	color:#FFF;
	text-decoration:underline;
	cursor:pointer;
}

.defaultForm input.error
{
	width:16em;
	margin-right:170px;
	background:#f2dddb;
}

.defaultForm select.error
{
	width:17em;
	margin-right:170px;
	background:#f2dddb;
}

.defaultForm textarea.error
{
	width:16em;
	margin-right:170px;
	background:#f2dddb;
}

.defaultForm input.valid
{
	width:26em;
	background:#daf2dd;
	margin-right:50px;
}

.defaultForm select.valid
{
	width:27em;
	background:#daf2dd;
	margin-right:50px;
}

.defaultForm label.error
{
	font-size:11px;
	line-height:1.9em;
	padding:0 0 0 15px;
	margin:-24px 0 0 220px;
	width:130px;
	color:#444444;
	float:left;
	background: url(../images/11pxRedAllertIcon.png) no-repeat left;
}

.defaultForm label.success
{
	width:20px;
	float:left;
	margin:-24px 5px 0 335px;
	color:#444444;
	background: url(../images/16pxGreenTickValidation.png) no-repeat left;
}

.defaultForm select label.success
{
	width:5%;
	margin:-24px 15px 0 0;
	color:#444444;
	background: url(../images/16pxGreenTickValidation.png) no-repeat left;
}

.formErrorMessage
{
	background: url(../images/11pxRedAllertIcon.png) no-repeat left top;
	margin:0 0 0 14px;
	padding-left: 20px;
	line-height:1.6em;
	font-weight:bold;
	color:#5a5a5a;
}

.errorMessageList
{
	width:80%;
}

#contentFocusAreaDiv .errorMessageList li
{
	background: url(../images/11pxRedAllertIcon.png) no-repeat left top;
	margin:0 0 0 3px;
	padding-left:20px;
	color:#5a5a5a;
	font-weight:bold;
	line-height:1.6em;
}
