/* OUTLOOK - form styles start here */


/*Remove styles set in default for Form_FOrm
-----------------------------------------*/
.typography form ul {
	list-style: none;
	background:none;
	margin-bottom:0;
}
.typography form ul li {
	list-style: none;
	background:none;
	padding-left:0;
}
/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
	font-size: 12px;
}
fieldset h1, h3 {
	clear:both;
}
/* BLOCK FIELDS
-----------------------------------------*/
div.field {
	display:block;
	float:left;
}

div.CompositeField{
	width:536px;
}
/* ACTION BUTTONS
---------------------------------------- */
input.action {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background: #fff;
	border:1px solid #DDDDDD;
	font-size:16px;
	margin:0;
	padding:8px;
	color: #8BACB7;
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
}
input.action:hover, input.action:focus {
	cursor: pointer;
}
/* FIELD FORMATING
---------------------------------------- */

.middleColumn {
	background:none repeat scroll 0 0 transparent;
	margin:15px 10px 10px 0;
	padding:4px 4px 4px 0px;
}
#Sidebar .middleColumn {
	margin: 0 0 0 8px;
	display: inline;
}
.middleColumn h2 {
	font-size: 14px;
	font-weight:500;
	margin-top:15px;
	font-weight:200;
}
.middleColumn hr {
	width:670px;
	color:#FAFAFA;
	border:#FAFAFA;
	border-bottom:1px dotted #8BACB7;
}
div.tab .field .middleColumn {
	clear: none !important;
	margin: 0 !important;
	width: auto;
}
.middleColumn .middleColumn {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
.middleColumn .message {
	margin: 0;
}
/* INPUT BOXS
---------------------------------------- */
textarea {
	-moz-border-radius:0px;
	border:1px solid #8BADB7;
	font-size:14px;
	margin:0;
	padding:8px;
	width:440px;
	clear:both;
	background: url('../images/o_f4.jpg') no-repeat top left;
	color: #B0B2B4;
}
ul.optionset {
	font-size:12px;
	width:580px;
	display:block;
	clear:both;
	margin:0 0 0 0;
}
li.odd, li.even {
	display:inline-block;
	margin:5px 0 5px 0;
}
ul.optionset li input {
	display:inline-block;
	margin:-1px 10px 2px 0;
 * margin:-2px 10px 2px 0;
 float:left;
}
ul.optionset li label {
	color:#B0B2B4;
	display:inline-block;
	margin:0 10px 0 0;
	float:left;
}
select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-size:14px;
	font-weight: bold;
	width: 300px;
}
input.text {
	background: url('../images/o_f2.jpg') no-repeat top left;
	-moz-border-radius:0px;
	border:1px solid #8BADB7;
	color:#B0B2B4;
	font-size:12px;
	margin:0;
	padding:2px 2px 2px 6px;
	width:196px;
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}
div.calendardate input {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #DDDDDD;
	font-size:1.6em;
	margin:0;
	padding:8px;
	width:200px;
	color: #6E797A;
}
div.file input {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #DDDDDD;
	margin:0;
	padding:8px;
	font-size:14px;
	color: #6E797A;
	width:580px;
}
p.field.checkbox {
	clear:both;
	display:block;
	font-size:16px;
	width:580px;
}
div.field.dropdown {
	clear:both;
	display:block;
	width:580px;
}
div.field.dropdown select {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #DDDDDD;
	color:#B0B2B4;
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:7px;
	width:214px;
}
div.field.dropdown select option {
	color:#B0B2B4;
	padding:0;
	margin:0;
	background:none;
}
/*FOCUS FIELDS
------------------------------------------*/
.focusField {
	background:#F4F4F4;
}
.idleField {
	background:#fff;
}
/*
 SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}
/*
 LABELS
---------------------------------------- */
.typography label {
	float:left;
	font-weight:bold;
	font-size:12px;
	width:150px;
	color:#8BACB7;
}
label.right {
	display:inline;
}
/*HEDAINGS
-----------------------------------------*/
h1.FormHeading {
	padding:26px 0 0 0;
}
h3.FormHeading {
	margin:8px 0 8px 0;
}
/* SEARCH BOX 
---------------------------------------- */
#Search {
	width: 105px;
}
input#Search_Form_SearchForm_Search {
	width: 110px;
	padding: 3px;
	margin-left: -4px;
	font-size: 12px;
}
#Sidebar input.action {
	font-size: 12px;
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}
/*ADMIN FORM
----------------------------------------*/
p#Remember label {
	font-size:12px;
	margin:1px 0 0 20px;
	text-align:left;
}
p#Remember {
	display:block;
	float:left;
}
p#Remember input {
	display:block;
	float:left;
	width:auto;
	margin-top:4px;
	* margin-top:0px;
	border:none;
	margin-left:none;
}
/*FORM VALIDATION
-----------------------------------------*/
/*GENERAL FORM */
#Form_Form{
	width:440px;
}
#Form_Form .message {
	-moz-border-radius:0px;
	border:1px solid #5E92A3;
	color:#FFF;
	font-size:12px;
	margin:-14px 0px 10px 0px;
	padding:4px 4px 4px 26px;
	display:block;
	width:174px;
	background:#5E92A3 url('../images/o_required2.jpg') no-repeat 10px 6px;
	text-align:left;
}
#Form_Form .requiredField label.required {
	background:#B9FFB9 none;
	border:1px solid #00FF00;
	font-weight:bold;
	margin:5px 0;
	padding:4px;
	font-size:1em;
	width:210px;
 * width:205px;
	color:#4E5556;
}
#Form_Form .textarea .required {
	background:url("../images/o_required2.jpg") no-repeat scroll 10px 6px #5E92A3;
	border:1px solid #5E92A3;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	margin:-14px 0 10px;
	padding:4px 4px 4px 26px;
	width:426px;
}
#Form_Form .textarea label.required {
	background:#FED0D0 none repeat scroll 0 0;
	border:1px solid #FF7373;
	font-weight:bold;
	margin:5px 0;
	padding:4px;
	font-size:1em;
	width:460px;
 * width:450px;
	color:#DC1313;
}
#Form_Form .requiredField .middleColumn {
	
}
#Form_Form .requiredField label {
	padding-left: 15px;
	float:left;
	display:inline;
	background: url('../images/o_required.jpg') no-repeat 0 1px;
}
/*ACTIONS
------------------------------------*/

div.Actions input {
	background:none repeat scroll 0 0 #8DC4C7;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	padding:4px 10px;
	text-decoration:none;
	text-transform:lowercase;
	width:auto;
	-moz-border-radius:0px;
}
div.Actions {
	padding:14px 8px 14px 0px;
}
/*MEMBER LOGIN
----------------------------------*/
#MemberLoginForm_LoginForm {
	width:480px;
}
/* STYLES FOR USERFORM ASK US
-----------------------------------*/

.ask #Form_Form .requiredField label {
	padding-left: 10px;
	background: url('../images/requiredField2.png') no-repeat top left;
}
.typography .ask label {
	color:#0D6D73;
}
.ask input.action {
	color:#0D6D73;
}
.ask #Form_Form .requiredField label.required {
	background:#B9FFB9 none;
	border:1px solid #00FF00;
	font-weight:bold;
	margin:5px 0;
	padding:4px;
	font-size:1em;
	width:210px;
 * width:205px;
	color:#4E5556;
}
.ask #Form_Form .textarea label.required {
	background:#B9FFB9 none;
	border:1px solid #00FF00;
	font-weight:bold;
	margin:5px 0;
	padding:4px;
	font-size:1em;
	width:450px;
 * width:450px;
	color:#4E5556;
}
/* SEARCH BOX 
---------------------------------------- */
form {
}
#SearchForm_SearchForm {
	width:484px;
	float:left;
	margin:0;
	padding:0;
}
form#SearchForm_SearchForm legend {
	display:none;
}
form#SearchForm_SearchForm middleColumn {
	margin:none;
	padding:none;
}
/* SEARCH FORM 
-----------------------------------------------*/

html #SearchForm_SearchForm fieldset {
	width:484px;
	background:#EAEAEA;
	height:40px;
	float:left;
	margin:0;
	padding:0;
	display:block;
	border:none;
}
html #Search {
	width:444px;
}
html #SearchForm_SearchForm .middleColumn {
	margin:7px;
 * margin:5px;
	padding:0;
	background:#EAEAEA;
	width:434px;
	display:block;
}
html #SearchForm_SearchForm .middleColumn input.text {
	width: 434px;
	border: none;
	color: #B1B1B1;
	font-size:14px;
	text-transform:lowercase;
	padding:4px;
	display:inline;
	float:left;
 * font-size:12px;
 * padding:2px;
 * margin-top: 5px;
	background:#FFF;
}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	width:25px;
	height:25px;
	overflow:hidden;
	margin:8px 0 0 10px;
 * margin:0px;
	background: url('../images/search_go.png') no-repeat top left;
 * background: url('../images/search_go.png') no-repeat -3px 0px;
	border:none;
	padding:28px 0 0 0;
	display:inline;
	float:left;
	background-color:none;
}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results:hover {
	background: url('../images/search_go2.png') no-repeat top left;
 * background: url('../images/search_go2.png') no-repeat -3px 0px;
}
/* Messages */

form .message {
	color:#5E92A3;
	padding:10px 10px;
	background:#E8F3F6;
	font-size:12px;
	font-weight:bold;
	border:2px solid #BCDCE5;
	margin-bottom:8px;
}
form .message a {
	color:#B0B2B5;
	text-decoration:none;
}
form .message a:hover {
	text-decoration:none;
	color:#8DC4C7;
}
form .message.required {
	-moz-border-radius:0 0 0 0;
	background:url("ecommerce/images/o_f_2.jpg") no-repeat scroll 10px 6px #5E92A3;
	border:1px solid #5E92A3;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	margin:-14px 0 10px;
	padding:4px 4px 4px 26px;
	text-align:left;
	width:174px;
}
form .message.validation {
	-moz-border-radius:0 0 0 0;
	background:url("ecommerce/images/o_f_2.jpg") no-repeat scroll 10px 6px #5E92A3;
	border:1px solid #5E92A3;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:12px;
	margin:0 0 10px;
	padding:4px 4px 4px 26px;
	text-align:left;
	width:174px;
}

form#Form_WarrantyForm .requiredField label {
	background:url("../images/o_required.jpg") no-repeat scroll 0 1px transparent;
	display:inline;
	float:left;
	padding-left:15px;
}
form#Form_WarrantyForm .message.required {
	-moz-border-radius:0 0 0 0;
	background:url("ecommerce/images/o_f_2.jpg") no-repeat scroll 10px 6px #5E92A3;
	border:1px solid #5E92A3;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	margin:0 0 10px;
	padding:4px 4px 4px 26px;
	text-align:left;
	width:174px;
}
