/* CSS Document */

body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}

a {outline:none;}
p {margin:0px; padding:0px;}
ul {margin:0px; padding:0px;}
img {border:none;}

.img-border {border:3px solid #cccccc;}

h1 {margin:0px; padding:0px; font-weight:normal;}

.menu_middlebg{
	background-image:url(../images/menu_middlebg.jpg);
	background-repeat:repeat-x;
}

.menu_middlebg_hover{
	background-image:url(../images/menu_middlebg_hvr.jpg);
	background-repeat:repeat-x;
}

.menu_middlebg01{
	background-image:url(../images/menu_middlebg.jpg);
	background-repeat:repeat-x;
	width:100%;
}

.menu_text{
	font-size:12px;
	color:#ececec;
	text-decoration:none;
	font-weight:bold;
	line-height:40px;
	display:block;
	padding:0px 30px;
}

a.menu_text:hover{
	color:#464545;
	text-decoration:none;
}

.textfield{
	width:150px;
	height:18px;
	border:solid 1px #cdcdcd;
	font-size:12px;
	color:#383838;
	padding-left:3px;
}

.creamebox_top_middlebbg{
	background-image:url(../images/creamebox_top_middlebg.jpg);
	background-repeat:repeat-x;
	width:100%;
}

.creamebox_btm_middlebbg{
	background-image:url(../images/creamebox_btm_middlebg.jpg);
	background-repeat:repeat-x;
	width:100%;
}

.creamebox_middlebbg{
	background-image:url(../images/creamebox_middlebg.jpg);
	background-repeat:repeat;
	width:100%;
	border-left:solid 1px #e8e1c7;
	border-right:solid 1px #e8e1c7;
}

.middle_padding{
	padding:15px 0px;
}

.black_header_middlebg{
	background-image:url(../images/black_header_middlebg.jpg);
	background-repeat:repeat-x;
	width:100%;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:7px;
}

.red_header_middlebg{
	background-image:url(../images/red_header_middlebg.jpg);
	background-repeat:repeat-x;
	width:100%;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:7px;
}

.grey_middlebg{
	background-image:url(../images/grey_middlebg.jpg);
	background-repeat:repeat;
	border-left:solid 1px #dfdfdf;
	border-right:solid 1px #dfdfdf;
}

.grey_top_middlebg{
	background-image:url(../images/grey_top_middlebg.jpg);
	background-repeat:;
	width:100%;
}

.grey_btm_middlebg{
	background-image:url(../images/grey_btm_middlebg.jpg);
	background-repeat:;
	width:100%;
}

.grey_h_line{
	background-image:url(../images/grey_h_line.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:4px;
}

.creame_h_line{
	background-image:url(../images/creame_h_line.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:2px;
}

.left_menu_bg{
	background-color:#f6f1e0;
}

.left_menu_bg:hover{
	background-color:#faf7ed;
}

.greybox_top_middlebg{
	background-image:url(../images/greybox_top_middlebg.jpg);
	background-repeat:repeat-x;
	width:100%;
}

.greybox_btm_middlebg{
	background-image:url(../images/greybox_btm_middlebg.jpg);
	background-repeat:repeat-x;
	width:100%;
}

.greybox_middlebg{
	background-image:url(../images/greybox_middlebg.jpg);
	background-repeat:repeat-x;
	width:100%;
	background-position:top;
	background-color:#e6e6e6;
	border-left:solid 1px #e6e6e6;
	border-right:solid 1px #e6e6e6;
}

.productbox_top_middlebg{
	background-image:url(../images/productbox_top_middlebg.jpg);
	background-repeat:repeat-x;
	width:100%;
	padding-left:8px;
	font-size:13px;
	color:#444444;
	font-weight:bold;
}

.productbox_btm_middlebg{
	background-image:url(../images/productbox_btm_middlebg.jpg);
	background-repeat:repeat-x;
	width:100%;
}

.productbox_middlebg{
	background-image:url(../images/productbox_middlebg.jpg);
	background-repeat:repeat-x;
	width:100%;
	background-color:#e6e6e6;
	border-left:solid 1px #e6e6e6;
	border-right:solid 1px #e6e6e6;
}

.black_text{
	font-size:12px;
	color:#282727;
	text-decoration:none;
	line-height:18px;
}

a.black_text:hover{
	color:#631515;
	text-decoration:none;
}

.black_text01{
	font-size:15pt;
	color:#696969;
	text-decoration:none;
	line-height:18px;
	font-weight:bold;
}

.black_text02{
	font-size:16pt;
	color:#1a1a1a;
	text-decoration:none;
	line-height:24px;
}

.black_text02{
	font-size:11px;
	color:#212121;
	text-decoration:none;
	line-height:18px;
}

a.black_text02:hover{
	color:#641616;
	text-decoration:underline;
}

.black_text03{
	font-size:14pt;
	color:#202020;
	text-decoration:none;
	line-height:24px;
}

.black_text04{
	font-size:12px;
	color:#282727;
	text-decoration:none;
	line-height:18px;
	text-align:justify;
}

.black_text05{
	font-size:16pt;
	color:#202020;
	text-decoration:none;
	line-height:24px;
}

.red_text{
	font-size:12px;
	color:#641616;
	text-decoration:none;
	line-height:18px;
	padding:0px 5px;
}

a.red_text:hover{
	color:#212121;
	text-decoration:underline;
}

.red_text01{
	font-size:12px;
	color:#641616;
	text-decoration:none;
	line-height:18px;
}

a.red_text01:hover{
	color:#212121;
	text-decoration:underline;
}

.red_text02{
	font-size:11px;
	color:#641616;
	text-decoration:none;
	line-height:18px;
}

a.red_text02:hover{
	color:#212121;
	text-decoration:underline;
}

.red_text03{
	font-size:12px;
	color:#641616;
	text-decoration:none;
	line-height:18px;
	display:block;
}

a.red_text03:hover{
	color:#212121;
	text-decoration:none;
}

.red_text04{
	font-size:16pt;
	color:#641616;
	text-decoration:none;
	line-height:24px;
}


/* ---- Top Menu Start -----*/
.indentmenu {font:bold 12px Arial; color:#ececec; width:100%;}

.indentmenu ul{margin:0; padding:0; float:left; width:100%;}

.indentmenu ul li{display:inline;}

.indentmenu ul li a{float:left; color:#ececec; padding:13px 26.5px; text-decoration:none; border-right:1px solid #171717; border-left:1px solid #6c6c6c;}

.indentmenu ul li a:visited{color:#ececec;}

.indentmenu ul li a:hover, .indentmenu ul li .current{color:#464545; background:url(../images/menu_middlebg_hvr.jpg) repeat-x top;}
/* ---- Top Menu End -----*/

.black-more-detail {
	font-size:15px;
	color:#696969;
	text-decoration:none;
	line-height:26px;
	font-weight:bold;
}

.red-more-detail {
	font-size:15px;
	color:#641616;
	text-decoration:none;
	line-height:26px;
	font-weight:bold;
	text-decoration:none;
}

.red-more-detail:hover {
	font-size:15px;
	color:#641616;
	text-decoration:none;
	line-height:26px;
	font-weight:bold;
	text-decoration:underline;
}


/* ---- Banner Css -----*/
.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 980px; /*Width of Carousel Viewer itself*/
height: 354px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 980px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/* ---- Banner Css -----*/