* { margin:0; padding:0;}
body { background:url(images/top_bg_left.gif) repeat-x top #fff; font-size:100%; line-height:1em; font-family:Arial; color:#353535; text-align:center}


/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#353535; font-size:1em; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none}

ul.list_1 li { line-height:1.67em; font-size:0.86em}
ul.list_1 li a{text-decoration:underline; color:#353535}
ul.list_1 li a:hover{ text-decoration:none}

ul.list_2 li { line-height:1.67em; font-size:1em}
ul.list_2 li a{text-decoration:underline; color:#353535}
ul.list_2 li a:hover{ text-decoration:none}

ul.list_2b li { line-height:1.67em; text-decoration:underline; font-size:1em}
ul.list_2b li a{text-decoration:underline; color:#353535}
ul.list_2b li a:hover{ text-decoration:none}

ul.list_3 li {
	background:url(images/link_rightb.gif) center left no-repeat;
	line-height:1.67em;
	text-decoration:none;
	font-size:0.86em;
	padding-left: 20px;
}
ul.list_3 li a{text-decoration:underline; color:#353535}
ul.list_3 li a:hover{ text-decoration:none}

ul.list_4 li {
	line-height:1.67em;
	text-decoration:underline;
	font-size:0.95em
}
ul.list_4 li a{text-decoration:underline; color:#353535}
ul.list_4 li a:hover{ text-decoration:none}


ul.list_5 li {
	line-height:1.67em;
	text-decoration:none;
	font-size:1em
}
ul.list_5 li a{text-decoration:underline; color:#353535}
ul.list_5 li a:hover{ text-decoration:none}

ul.list_6 li {
	background:url(images/link_rightb.gif) center left no-repeat;
	line-height:1.67em;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
	padding-left: 20px;

}
ul.list_6 li a{text-decoration:underline; color:#353535}
ul.list_6 li a:hover{ text-decoration:none}





/*==========================================*/

a {text-decoration:underline; color:#353535}
a:hover {text-decoration:none}



a.link2 {
	text-decoration:none;
	color:#fff;
	background:url(images/link_right_blue.gif) no-repeat right top #00adef;
	padding:4px 65px 4px 5px;
	line-height:1em;
	float:left
}
a.link2:hover {text-decoration:none; color:#000}


a.link3 {text-decoration:none; color:#fff; background:url(images/link_right_magenta.gif) no-repeat right top #ed008c; padding:4px 65px 4px 5px; line-height:1em; float:left}
a.link3:hover {text-decoration:none; color:#000}

a.link4 {text-decoration:none; color:#fff; background:url(images/link_right_yellow.gif) no-repeat right top #ffcb05; padding:4px 65px 4px 5px; line-height:1em; float:left}
a.link4:hover {text-decoration:none; color:#000}

.link {background:url(images/link_bg.gif) repeat-x top; float:left; font-size:0.92em; line-height:1em; margin:2px 0 0 0}
.link span {background:url(images/link_right.gif) no-repeat right top; display:block}
.link a {display:block; background:url(images/link_left.gif) no-repeat left top; color:#5db3c0; text-decoration:none; padding:17px 46px 10px 22px; font-weight:bold}
.link a:hover {color:#000}

h4.font_1 {font-size:1.09em; margin:0 0 5px 0}

h5.font_1 {
	font-size:1em;
	margin:0 0 5px 0
}
h6.font_1 {font-size:1.09em; margin:0 0 22px 0}

.clear { clear:both;}
.fleft {float:left}
.fleftb {float:left; margin:7px 0px 19px 0px }
.fright {float:right; margin:7px 10px 19px 0}
.frightb {float:right; margin:7px 30px 19px 0}

.font_2 {
	font-size:1.2em;
	line-height:2em;
	color: #AD3C2C;
}
.font_1 {font-size:1.09em}
.font_3 {font-size:0.86em; line-height:1.17em}
.font_4 {
	font-size:0.8em;
	line-height:1.2em;
	color: #666666;
	
}
.font_5 {font-size:1.09em; color: #AD3C2C;}
.font_6 {
	font-size:1em
}
.font_7 {
	font-size:1.1em;
	line-height:1em;
	color: #AD3C2C;
}
.font_8 {
	font-size:1.2em;
	line-height:1em;
	color: #FF0000;
}
.font_9 {
	font-size:1.0em;
	line-height:1em;
	color: #000066;
	font-weight: bold;
}



p {
	margin:0 0 15px 0
}
.p1 {margin:0 10px 25px 0}
.p1b {margin:0 10px 15px 0}
.p1c {margin:0 0 7px 0}
.p1d {margin:0 0 61px 0}
.p1e {margin:15px 0 0px 0}
.p1f {margin:0 10px 5px 0}
.p1g {
	margin:0 10px 15px 0;
	line-height: 1.7em;
}

.right_bg { position:absolute; top:0; right:0; width:50%; height:777px; background:url(images/top_bg.gif) left top repeat-x}


/*header*/
#header { height:354px; background:url(images/soupia_logo.jpg) no-repeat 0 0; font-size:0.8125em; line-height:1em}

.logo {position:absolute; margin:55px 0 0 15px}

.header_banner {position:absolute; margin:164px -2px 0 688px}

ul.menu {margin:309px 0 0 0; list-style:none; background:url(images/menu_bg.jpg) no-repeat 0 0; position:absolute; width:966px; overflow:hidden}
ul.menu li { line-height:1em; float:left; margin-left:-2px}
ul.menu li a{text-decoration:none; background:url(images/menu_line.gif) no-repeat right top; padding:17px 47px 15px 46px; display:block; font-weight:bold; color:#fff; font-weight:bold}
ul.menu li a:hover{ text-decoration:none; background:url(images/menu_hover.jpg) repeat-x top}
ul.menu li a.hover {text-decoration:none; background:url(images/menu_hover.jpg) repeat-x top}
ul.menu li.m1 {margin-left:0}
ul.menu li a.m1 {padding:17px 55px 15px 55px}
ul.menu li a.m1:hover {background:url(images/m1_hoverb.gif) no-repeat 0 0; }
ul.menu li a.m1_hover {background:url(images/m1_hoverb.gif) no-repeat 0 0; padding:17px 55px 15px 55px}
ul.menu li a.m5 {padding:17px 61px 15px 60px}
ul.menu li a.m6 {background:none}
ul.menu li a.m6:hover {background:url(images/m6_hoverb.gif) no-repeat right top}
ul.menu li a.m6_hover {background:url(images/m6_hoverb.gif) no-repeat right top}


/*content*/
#content { background:url(images/content_bg.gif) repeat-x top #fff; font-size:0.875em; line-height:1.29em}
.title {margin-bottom:9px}
.title2 {margin-bottom:16px}
.img_left {
	float:left;
	margin:10px 19px 15px 0
}

.banner {margin:0 0 0 25px}
.bannerb {
	margin:13px 0 0 25px
}
.bannerc {
	margin:12px 0 0 25px
}

.img {margin:0 0 14px 0}

/*footer*/
#footer { background:#fff; font-size:0.75em; color:#393939; line-height:1.25em}
#footer a {color:#393939; text-decoration:underline; font-weight:bold}
#footer a:hover {text-decoration:none}
#footer .banner_1 {margin-left:15px}
#footer span {
	position:absolute;
	margin:48px 0 0 692px
}

/*footer2*/
#footer2 { background:#fff; font-size:0.75em; color:#393939; line-height:1.25em}
#footer2 a {color:#393939; text-decoration:underline; font-weight:bold}
#footer2 a:hover {text-decoration:none}
#footer2 .banner_1 {margin-left:15px}
#footer2 span {
	position:absolute;
	margin:98px 0 0 692px
}

.footer_menu { overflow:hidden; width:500px; padding-bottom:5px; margin:28px 0 0 25px; font-family:tahoma}
.footer_menu li { display:inline;  margin-left:-10px;}
.footer_menu li a { color:#393939; border-left:1px solid #393939; padding:0 19px 0 10px; text-decoration:none !important; font-weight:normal  !important}
.footer_menu li a:hover {
	color:#393939;
	border-left:1px solid #393939;
	padding:0 19px 0 10px;
	text-decoration:underline !important;
	font-weight:normal  !important
}
.footer_menu li a.hover {color:#393939;
	border-left:1px solid #393939;
	padding:0 19px 0 10px;
	text-decoration:none !important;
	font-weight:bold  !important}

/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:44px 20px 36px 24px}
#page1 #content .col_2 .indent { padding:44px 0 31px 0}
#page1 #content .col_2 .block_indent {text-align:center; padding:15px 0 18px 0}

/*================== index-1.html ==================*/
#page2 #content .col_1 .indent { padding:44px 20px 36px 24px}
#page2 #content .col_2 .indent { padding:44px 14px 31px 0}
#page2 #content .col_2 .block_indent {padding:24px 0 26px 16px}
#page2 #content .col_3 .indent {
	padding:44px 40px 31px 30px
}
#page2 #content .col_3 .block_indent {padding:24px 0 26px 16px}

/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:44px 20px 29px 24px}
#page3 #content .col_1b .indent { padding:44px 20px 29px 24px}
#page3 #content .col_2 .indent { padding:44px 0 31px 0}
#page3 #content .col_2 .block_indent {text-align:center; padding:15px 0 18px 0}

/*================== index-3.html ==================*/
#page4 #content .col_1 .indent { padding:44px 20px 36px 24px}
#page4 #content .col_3 .indent { padding:44px 20px 36px 24px}
#page4 #content .col_3 .block_indent {padding:24px 0 40px 16px}
#page4 #content .col_2 .indent { padding:44px 14px 31px 0}
#page4 #content .col_2 .block_indent {padding:24px 0 40px 16px}

/*================== index-4.html ==================*/
#page5 #content .col_1 .indent { padding:44px 20px 36px 24px}
#page5 #content .col_2 .indent { padding:44px 14px 31px 0}
#page5 #content .col_2 .block_indent {padding:24px 0 18px 16px}
#page5 #content .col_1 .indent { padding:44px 20px 36px 24px}
#page5 #content .col_3 .indent { padding:44px 20px 36px 24px}

/*================== index-5.html ==================*/
#page6 #content .col_1 .indent { padding:44px 20px 36px 24px}
#page6 #content .col_2 .indent { padding:44px 0 31px 0}
#page6 #content .col_2 .block_indent {padding:24px 0 24px 16px}
#page6 #content .col_3 .indent { padding:44px 14px 31px 28px}



/*================== index-6.html ==================*/
#page7 #content .indent { padding:44px 30px 40px 24px}

.phones {float:right; margin-right:43px}
input {width:145px; height:17px}
.input2 {
	width:55px;
	height:16px;
	padding-right:0px;
	padding-top: 6px;
	padding-left: 3px;
}
.input3 {
	width:55px;
	height:16px;
	padding-right:0px;
	padding-top: 0px;
	padding-left: 3px;
	background-image: url(adminarea/button.jpg);
	font-family:tahoma;
	font-size:12px;
	color:#FFFFFF;
	border: 0;
	margin-left: 10px;
	margin-top: 3px;
}
.input4 {
	width:150px;
	height:16px;
	padding-right:0px;
	padding-top: 0px;
	padding-left: 3px;
	background-image: url(adminarea/button_b.jpg);
	font-family:tahoma;
	font-size:12px;
	color:#FFFFFF;
	border: 0;
	margin-left: 10px;
	margin-top: 3px;
}
.input5 {
	width:75px;
	height:16px;
	padding-right:0px;
	padding-top: 0px;
	padding-left: 3px;
	background-image: url(adminarea/button_c.jpg);
	font-family:tahoma;
	font-size:12px;
	color:#FFFFFF;
	border: 0;
	margin-left: 10px;
	margin-top: 3px;
}
.input6 {
	width:100%;
	height:20px;
	-moz-opacity: 0.0;
	
}
.input7 {
	width:20px;
	height:17px;
	font-family:tahoma;
	font-size:12px;
	color:#FFFFFF;
	border: 1px;
	border-color:#FFFFFF
	margin-top: 3px;
	background-color: #95cad0;
}
.inputoknew {
	width:32px;
	height:32px;
	font-family:tahoma;
	font-size:12px;
}
.inputprint {
	width:20px;
	height:20px;
	font-family:tahoma;
	font-size:12px;
}




.div_input {height:24px}
textarea {width:155px; height:96px; overflow:auto; margin-bottom:10px; display:block}
.div_links {text-align:right; word-spacing:5px}

/*==================block====================*/
.block { background:#f3f7f9; font-size:0.86em; line-height:1.17em}
.block .left_top { background:url(images/left_top_1.gif) left top no-repeat; width:100%}
.block .right_top { background:url(images/right_top_1.gif) right top no-repeat;}
.block .right_bot { background:url(images/right_bot_1.gif) right bottom no-repeat;}
.block .left_bot { background:url(images/left_bot_1.gif) left bottom no-repeat;}
.block .left {background:url(images/left_1.gif) repeat-y left}
.block .top {background:url(images/top_1.gif) repeat-x top}
.block .right {background:url(images/right_1.gif) repeat-y right}
.block .bot {background:url(images/bot_1.gif) repeat-x bottom}
.block .block_indent {padding:15px 0 18px 0}
.block .img {margin-bottom:11px}
.block .ind {padding:0 5px 17px 17px; text-align:left}
/*==========================================*/

.block2 { background:#f3f7f9; font-size:0.86em; line-height:1.17em}
.block2 .left_top { background:url(images/left_top_1.gif) left top no-repeat; width:100%}
.block2 .right_top { background:url(images/right_top_1.gif) right top no-repeat;}
.block2 .right_bot { background:url(images/right_bot_1.gif) right bottom no-repeat;}
.block2 .left_bot { background:url(images/left_bot_1.gif) left bottom no-repeat;}
.block2 .left {background:url(images/left_1.gif) repeat-y left}
.block2 .top {background:url(images/top_1b.gif) repeat-x top}
.block2 .right {background:url(images/right_1.gif) repeat-y right}
.block2 .bot {background:url(images/bot_1.gif) repeat-x bottom}
.block2 .block_indent {padding:15px 0 18px 0}
.block2 .img {margin-bottom:11px}
.block2 .ind {padding:0 5px 17px 17px; text-align:left}


/* ============================= forms ============================= */

#Form .select { display:block; height:42px;}

#Form input{

	width:200px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.925em;

	color:#55595e;

}

#Form select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.15em;
	color:#55595e;
}

#Form .select1{
	width:400px;

}

#Form .select2{ width:120px;}

#Form .col-1{ width:120px;}

#Form .col-2{ width:120px; margin-left:30px;}



#Form .link2{
	background:#96c8d1;
	border: 1px;
	border-color: #316b7f;
	text-align: center;
}

#Form .link3bb{

	background:#fb8800;

	float:left;

	margin:12px 0 18px 0;

	font-weight: normal;

}

#Form .link2 a{ font-size:0.833em; text-decoration:none; display:block; padding:3px 12px 2px 10px; text-transform:uppercase;}

#Form .link2 a:hover{
	color:#000000;
	text-align: center;
}

#Form .link3bb a{ font-size:0.833em; text-decoration:none; display:block; padding:3px 12px 2px 10px; text-transform:uppercase;}

#Form .link3bb a:hover{ color:#000000;}

#Form .form-text{ text-align:right; float:right;}

#Form .form-text a{ color:#fb8800;}


/* ============================= input file type file ============================= */

#divinputfile{
	/* background:url(images/upload_file.gif) no-repeat 100% 1px; */
	height:17px;
	width:385px;
	margin:0px;
}

#divinputfile #filepc{
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=00);
	font-size:14px;
}

#fakeinputfile{
	margin-top:-18px;
}

#fakeinputfile #fakefilepc{
	width:265px;
	height:17px;
	font-size:18px;
	font-family:Arial;
}
.pad{
	padding-left: 30px;
	margin-left: 30px;
	font-weight: bold;
}
.del{
	width: 32px;
	height: 32px;

}