/* CSS Document */
html,td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #696b6c;
    background-color: white;
    padding: 0 10px 10px 10px;
}

h1 {
	font-size : 18px;
	margin-top : 5px;
}

form,input {
    margin: 0;
    padding: 0;
    line-height: normal;
}

input {
    border: solid 1px #003896;
    background-color: #FFFFFF;
    padding: 1px 3px 1px 3px;
    font-size: 10px;
}

.clr {
    clear: both;
    line-height: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    font-size: 0px
}

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

/* Clearing the float container */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

/* End hide from IE-mac */
img {
    border: none;
}

img.borderImage {
    border: 1px solid #d3d3d4;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.red {
    color: #fa0029;
}

.pointer {
    cursor: pointer;
}




/**
 * Added by Baloo for forms
 */
#categoryCategoryList {margin : 0 auto; width: 700px}
.formContainer{ _height: 10px;}
	.formContainer .clr{ clear: both;}
	.formContainer .header{ color: #1658a6; background: #edf6fd; border: 1px solid #e6e6e8; border-width: 1px 1px 0; font-weight: bold; _position: relative}
		.formContainer .header .outside{ margin: -1px; background: transparent url('../images/bgc_formContainer_header_topLeft.gif') left top no-repeat; _position: relative}
			.formContainer .header .outside .inside{ background: transparent url('../images/bgc_formContainer_header_topRight.gif') right top no-repeat; padding: 12px; line-height: 13px; _position: relative; _width:715px;}
 				.formContainer .header .outside .inside #errorList { color:#F15A4F; margin-bottom:0; _margin-top: 12px}
 					.formContainer .header .outside .inside #errorList li { list-style-image:url(../images/redBullet.gif);}
 	
	.formContainer .formContent{ border: 1px solid #ccc; background: #fff; _position: relative;}
		
		
		.formContainer .formContent .outside_left{margin: -1px; _position: relative;}

		.formContainer .formContentHeader .outside_left{ background: url('../images/formContent_topLeft_header.gif') top left no-repeat; }
			.formContainer .formContentHeader .outside_left .outside_right{ background: url('../images/formContent_topRight_header.gif') top right no-repeat;}
		.formContainer .formContentNoHeader .outside_left{ background: url('../images/formContent_topLeft.gif') top left no-repeat;}
			.formContainer .formContentNoHeader .outside_left .outside_right{ background: url('../images/formContent_topRight.gif') top right no-repeat;}
 
		.formContainer .formContent .inside_left{background: url('../images/formContent_bottomLeft.gif') bottom left no-repeat; _position: relative}
		.formContainer .formContent .inside_right{background: url('../images/formContent_bottomRight.gif') bottom right no-repeat; padding:12px 12px 4px; _padding: 12px; _position: relative; _margin-bottom: -13px}
		
		
	.fieldSet{border: 1px solid #ccc; background: #fff; position: relative; margin: 5px 0 12px; _width: 99%; _height: 15px}
		.fieldSet .fieldset_topLeft{margin: -1px; background: url('../images/formContent_topLeft.gif') top left no-repeat; _position: relative; _left: -1px; _margin: -1px -2px -1px 0;}
			.fieldSet .fieldset_topRight{ background: url('../images/formContent_topRight.gif') top right no-repeat;}
				.fieldSet .fieldset_bottomLeft{ background: url('../images/formContent_bottomLeft.gif') bottom left no-repeat;}
					.fieldSet .fieldset_bottomRight{ background: url('../images/formContent_bottomRight.gif') bottom right no-repeat; padding: 1px 12px 1px;}
						.fieldSet .fieldset_title{ color: #4cbdee; font-weight: bold; background: #fff; position: absolute; top: -7px; left: 18px; padding: 0 8px;}
	
	.formContainer .label{ margin: 12px 0; width: 600px;}
		.formContainer .error{ color: #f15a4f}
		.formContainer .addressList .label{ width: 282px; margin: 5px 0}
	.formContainer .label .label_content{ float: left; width: 290px;}
	
	.formContainer .textfield{}
		.formContainer .textfield .text_outside{ background: url('../images/bgc_textbox_right.gif') right top no-repeat; float: right; width: 200px; margin-right: 100px;}
			.formContainer .textfield .text_inside{ background: url('../images/bgc_textbox_left.gif') left top no-repeat; padding: 1px 6px; _padding: 0 6px 2px; height: 14px; width: 190px;}
				.formContainer .textfield .text_inside input{border: 0; height: 13px; font-size: 11px; padding: 0; width: 170px; background: transparent}
		
	
	.formContainer .captcha{ margin:0 12px 12px; width:325px; _width: 325px; }
		.formContainer .captcha .label_content{ margin:0 0 12px; width:120px; }
		.formContainer .captcha .text_outside{ background: url('../images/bgc_textbox_right.gif') right bottom no-repeat; width: 202px; float:right;}
			.formContainer .captcha .text_inside{ background: url('../images/bgc_textbox_left.gif') left bottom no-repeat;}
				.formContainer .captcha .text_inside img{ margin: 0 0 12px 0;}
				.formContainer .captcha .text_inside input{border: 0; height: 13px; font-size: 11px; padding: 0; margin:1px 6px; _margin: 0 6px 2px; width: 210px; _width: 190px; background: transparent;}
		
		
		.formContainer .error .text_outside{background-image: url('../images/bgc_textbox_right_error.gif');}	
			.formContainer .error .text_inside{background-image: url('../images/bgc_textbox_left_error.gif');}
				.formContainer .error .text_inside input{ color: #f15a4f}
				
				
	.formContainer .textarea{}
		.formContainer .text_bg{ background: #fff; border: 1px solid #4cbdee; float:right; margin-right: 100px;}
			.formContainer .text_bg div[class='text_topLeft']{ margin: -1px; background: url(../images/bgc_textarea_topLeft.gif) left top no-repeat;}
				.formContainer .text_bg div[class='text_topRight']{ background: url(../images/bgc_textarea_topRight.gif) right top no-repeat;}
					.formContainer .text_bg div[class='text_bottomLeft']{ background: url(../images/bgc_textarea_bottomLeft.gif) left bottom no-repeat;}
						.formContainer .text_bg div[class='text_bottomRight']{ background: url(../images/bgc_textarea_bottomRight.gif) right bottom no-repeat; padding: 3px;}
							.formContainer .text_bg .text_bottomRight textarea{ background: transparent; border: 0; width: 193px; height: 51px;}
	
		.formContainer .error .text_bg{ border-color: #ff7971}
			.formContainer .error .text_bg div[class='text_topLeft']{ background-image: url(../images/bgc_textarea_topLeft_error.gif);}
				.formContainer .error .text_bg div[class='text_topRight']{ background-image: url(../images/bgc_textarea_topRight_error.gif);}
					.formContainer .error .text_bg div[class='text_bottomLeft']{ background-image: url(../images/bgc_textarea_bottomLeft_error.gif);}
						.formContainer .error .text_bg div[class='text_bottomRight']{ background-image: url(../images/bgc_textarea_bottomRight_error.gif)}
							.formContainer .error .text_bg .text_bottomRight textarea{ color: #f15a4f}
				
				
	.formContainer .radio{}
		.formContainer .radio .label_content,
		.formContainer .checkbox .label_content{}
		.formContainer .radio .radioList,
		.formContainer .radio .radioList li,
		.formContainer .checkbox .checkboxList,
		.formContainer .checkbox .checkboxListVert,
		.formContainer .checkbox .checkboxList li{ list-style: none outside; _height: 7px; _width:300px;}
		.formContainer .checkbox .checkboxListVert li{ list-style: none outside; _height: 7px;}
		.formContainer .radio .radioList,
		.formContainer .checkbox .checkboxListVert,
		.formContainer .checkbox .checkboxList{margin: 0; padding: 0; width: 300px; float: right;}
			.formContainer .radio .radioList li,
			.formContainer .checkbox .checkboxList li{margin: 3px 5px 3px 0;float: left; width: 300px;}
			.formContainer .checkbox .checkboxListVert li{margin: 3px 5px 3px 0;}
				.formContainer .radioList label.answer_content,
				.formContainer .checkboxListVert label.answer_content,
				.formContainer .checkboxList label.answer_content{ display: block; background-position: left 2px; background-repeat: no-repeat; padding: 1px 0 1px 20px}
				.formContainer .radioList label.answer_content{ background-image: url(../images/radiobox_unchecked.gif); float: left;}
				.formContainer .checkboxListVert label.answer_content,
				.formContainer .checkboxList label.answer_content{ background-image: url(../images/checkbox_unchecked.gif)}
				.formContainer .radioList label.checked{background-image: url(../images/radiobox_checked.gif);}
				.formContainer .checkboxListVert label.checked,
				.formContainer .checkboxList label.checked{background-image: url(../images/checkbox_checked.gif);}
				
				.formContainer .error .radioList label.answer_content{ background-image: url(../images/radiobox_unchecked_error.gif)}
				.formContainer .error .checkboxListVert label.answer_content,
				.formContainer .error .checkboxList label.answer_content{ background-image: url(../images/checkbox_unchecked_error.gif)}
				.formContainer .error .radioList label.checked{background-image: url(../images/radiobox_checked_error.gif);}
				.formContainer .error .checkboxListVert label.checked,
				.formContainer .error .checkboxList label.checked{background-image: url(../images/checkbox_checked_error.gif);}
		
				
/**
 * Selectboxes
 */
	.formContainer .selectbox{}
		.formContainer .selectbox .selectbox-container{position: relative; float: right; width: 182px; }
		html*.formContainer .selectbox .selectbox-container{ z-index: 2;}
			.formContainer .selectbox .selectbox-container .select_outside{ background: url(../images/selectbox_right.gif) right top no-repeat; float: left; z-index: 3}
				.formContainer .selectbox .selectbox-container .selectbox{background: url(../images/selectbox_left.gif) left top no-repeat; border: 0; padding: 2px 17px 3px 3px; cursor: default; height: 13px; font-size: 11px; width: 63px; _margin-top: -1px}
				.formContainer .big .selectbox-container .selectbox{ width: 161px}
				.formContainer .selectbox .selectbox-container div.selectbox-wrapper{ position:absolute; width:182px; background: #fff url(../images/selectbox_bg.gif) right top no-repeat; border:1px solid #4cbdee; border-top-width: 0; margin:0px; margin-top:-10px; padding: 3px 0 0; text-align:left; max-height: 200px; left: 0; top: 24px; z-index: 100; width: 81px;_filter: alpha(opacity=100);}
				.formContainer .big .selectbox-container div.selectbox-wrapper{ width: 179px;}
				.formContainer .selectbox .selectbox-container div.selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px; _position:relative;}
				.formContainer .selectbox .selectbox-container div.selectbox-wrapper ul li.selected { background-color: #4cbdee;}
				.formContainer .selectbox .selectbox-container div.selectbox-wrapper ul li.current { background-color: #87cfee;}
				.formContainer .selectbox .selectbox-container div.selectbox-wrapper ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; _filter: alpha(opacity=0); color: #000}
	
			.formContainer .error .selectbox-container .select_outside{ background-image: url(../images/selectbox_right_error.gif)}
				.formContainer .error .selectbox-container .selectbox{background-image: url(../images/selectbox_left_error.gif);}
				.formContainer .error .selectbox-container div.selectbox-wrapper{ background-image: url(../images/selectbox_bg_error.gif); border-color: #ff7971;}
				.formContainer .error .selectbox-container div.selectbox-wrapper ul li{ }
				.formContainer .error .selectbox-container div.selectbox-wrapper ul li.selected { background-color: #f4837b;}
				.formContainer .error .selectbox-container div.selectbox-wrapper ul li.current { background-color: #ffaea8;}
	
	.buttonsBlock{ float: right; margin-top: 12px; margin-bottom: 10px}
		.buttonsBlock .btn_type_1{ background: url('../images/btn_right.gif') right top no-repeat; display: block; color: #fff; font-weight: bold; font-size: 11px; float: left; margin-left: 7px; _margin-top:5px;} 
			.buttonsBlock .btn_type_1 span{ background: url('../images/btn_left.gif') left top no-repeat; display: block; padding: 1px 7px 4px; color: #fff;}
	
	
	.address{ margin: 12px 0;}
		.address .addressList{margin: 0; padding: 0 0 0 6px}
			.address .addressList li{list-style: none outside; margin: 4px 0; background: url('../images/blueBullet.gif') left 1px no-repeat; padding-left: 16px}
			.error  .addressList li{background-image: url('../images/redBullet.gif')}

/* additional for errors */
span.fieldError{color:#F00;font-weight:bold;}
label.fieldError{color:#F00;}
input.fieldError{border:1px solid #F00;}