@charset "utf-8";
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3d3d3d;
}

body {
	background: url(images/background.gif) repeat-y center top;
}

a {
	text-decoration:none;
	border:none;
	outline:none;
}

a:hover {
	text-decoration:underline;
}
	
img {
	border:none;
}

p {
	text-align:justify;
	margin:0px;
	padding:12px 0px 0px 0px;
}

#space {
	margin-top:26px;
	margin-bottom:5px;
}

#top_shadow {
	background:url(images/top_shadow.png) no-repeat top;
	height:12px;
}

#footer_img {
	background:url(images/footer.png) no-repeat top;
	height:66px;
}

#left_shadow {
	background:url(images/left_shadow.gif) no-repeat top;
	width:12px;
}

#left_repeat {
	background:url(images/left_repeat.png) repeat-y top;
	width:12px;
}

#right_shadow {
	background:url(images/right_shadow.gif) no-repeat top;
	width:12px;
}

#right_repeat{
	background:url(images/right_repeat.png) repeat-y top;
	width:12px;
}

.header {
	background:url(images/header.gif) no-repeat top;
	height:128px;
}

.top_left {
	background:url(images/t_left.gif) no-repeat left top;
	background-color:#F5F4CE;
}

.top_right {
	background:url(images/t_right.gif) no-repeat right top;
}

.bottom_left {
	background:url(images/b_left.gif) no-repeat left bottom;
}

.bottom_right {
	background:url(images/b_right.gif) no-repeat right bottom;
}

h1 {
	margin:0px;
	padding:15px 0px 0px 0px;
	font-size:15px;
	font-weight: bold;
}

.copyrights {
	padding-left:19px;
	width:213px;
	height:45px;
	color:#FFFFFF;
	font-size:11px;
}
.copyrights a {
	color:#FFFFFF;
	font-size:11px;
}
.copyrights a:hover {
	color:#FFFFFF;
	font-size:11px;
}

.jangraphic {
	padding-left:130px;
	color:#FFFFFF;
	font-size:11px;
}

.search2 {
	background:url(images/search.gif) no-repeat top;
	height:22px;
}

.title {
	color:#1e4519;
	font-size:18px;
	text-align:left;
	padding-left:12px;
	height:32px;
}

.title_page {
	background:url(images/title.gif) no-repeat bottom;
}

.title_left {
	background:url(images/left.gif) no-repeat bottom;
}

.title_center{
	background:url(images/center.gif) no-repeat bottom;
}

/*.readmore {
	background:url(images/readmore.gif) no-repeat right top;
	height:14px;
	cursor: pointer;
}*/

.readmore {
	background:url(images/readmore.gif) no-repeat 168px 3px;
	color:#1e4519;
	font-size:15px;
	text-align:right;
	font-weight:bold;
}

.readmore a {
	color:#1e4519;
	font-size:15px;
	text-decoration:none;
	
}

.readmore a:hover {
	color:#8B9F89;
}

.welcome_text {
	color:#FFFFFF;
	text-align:right;
	font-weight:bold;
	font-size:13px;
}

.online_title {
	color:#376332;
	font-weight:bold;
	font-size:24px;
	padding-top:10px;
}

.online_text {
	color:#515151;
	font-size:13px;
	text-align:justify;
	padding-top:5px;
	padding-bottom:25px;
}


.stepcarousel{
	position: relative; /*leave this value alone*/
	/*border: 1px solid #FFCC33;*/
	overflow: scroll; /*leave this value alone*/
	width: 380px; /*Width of Carousel Viewer itself*/
	height: 390px; /*Height should enough to fit largest content's height*/
	cursor: auto;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: -3px;
	top: -2px;
}

.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: 380px;
}

.menu_space {
	padding-left:5px;
}

.baby_img {
	background:url(images/baby.gif) no-repeat left top;
	height:130px;
}

.go {
	background:url(images/go.gif) no-repeat top;
	height:130px;
	width:64px;
	cursor: pointer;
}

/*BDF CSS for CONTACT*/

label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: normal;
	display:block;
}

.err {
	color:#FF0000;
	padding:5px;
	margin:0px 0;
	border:#C0C0C0 dashed 1px;
	background:#ffefef;
}

/******* ERROR START FROM HERE ********/

.successbox, .warningbox, .errormsgbox {
	border: 1px solid;
	margin: 0px 0px 0px 0px;
	padding:8px 10px 8px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.successbox {
	color: #4F8A10;
	background-color:#EDFCED;
	background-image:url('images/success.png');
}
.warningbox {
	border: solid 1px #90B1C7;
	color: #4B6BAB;
	background-color:#D4EBFA;
	background-image: url('images/warning.png');
}
.errormsgbox {
	color: #D8000C;
	background-color:#FDD5CE;
	background-image: url('images/error.png');
}

/******* ERROR START END ********/

.status-done {
	background-color:#333333;
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-weight:bold;
	}
	
	.status-done a{
	color: #FFFFFF;
	}
	
	.status-done a:hover{
	color: #FFFFFF;
	}
	
.required{
	color:#FF0000;
	height:25px;
	text-align:right;
}	
	
.datacolora {
	background:#f2f2f2;
}
.datacolorb {
	background:#FFFFFF;
}	

#form2 {
		margin:0px;
		}
#form2 textarea{
	height:120px;
	width:250px;
	overflow:auto;
}	
	
.textarea{
	height:120px;
	width:250px;
	border:1px solid #CDCCCB;
	overflow:auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}	
		
.contact_input_size {
	width:250px;
	margin:0px;	
	border:1px solid #CDCCCB;		
	padding:5px 3px 1px 3px;
	height:22px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}	

.subject_input_size {
	margin:0px;	
	border:1px solid #CDCCCB;		
	padding:5px 3px 1px 3px;
	height:22px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}	

/*EDF CSS for CONTACT*/

#wrapper
{
  width:560px;
  position:relative;
}

#navigation
{
  position:absolute;
  width:560px;
  top:74px;
  z-index:10;
}

#navigation a
{
  padding:10px;
  background:#d60c62;
  color:#FFFFFF;
  text-transform:uppercase;
  text-decoration:none;
}

#navigation a:hover
{
  background:#cc0035;
}

#navigation a.sexyslider-prev
{
  float:left;
}

#navigation a.sexyslider-next
{
  float:left;
}

#control
{
  text-align:right;
  margin-top:5px;
}

#control a
{
  background:#FB7804;
  padding:0 3px;
  color:#FFFFFF;
  text-transform:uppercase;
  text-decoration:none;
  margin-left:3px;
}

#control a.active
{
  background: #436D3D;
}

#control a span
{
  visibility:hidden;
}

/*BOF CSS for search */

.login_top {
	background:url(images/login_top.gif) no-repeat top;
	background-color:#B8DAED;
	width:254px;
}

.login_bottom {
	background:url(images/login_bottom.gif) no-repeat bottom;
}

.login_input {
	background:;
	width:197px;
	margin:2px 0px 0px 10px;	
	border: none;		
	padding:3px 3px 1px 3px;
	height:19px;
}

.login_button {
	background:url(images/button.gif) no-repeat;
	color:#FFFFFF;
	border:none;
	height:30px;
	width:85px;
}

.login_test {
	color:#021927;
	font-size:17px;
	font-weight:bold;
	padding-left:5px;
}
/*EOF CSS for Search */					
.search_bg {
	background:url(images/search.gif) no-repeat top;
	height:22px;
	width:192px;
}


#search {
	border: none;
	background:none;
	vertical-align:text-top;
} 

.search_input {
	width:135px;
	margin:2px 0px 0px 20px;	
	border: none;		
	padding:2px 0px 1px 3px;
	height:19px;
}

#langButton.buttonText {
	font-size:13px;
	font-weight:bold;
	color: #0000CC;
	text-align: right;
	padding:2px 2px 0px 0px;}
	
	#langButton.buttonText {
	font-size:13px;
	font-weight:bold;
	color: #FFFF00;
	text-align: right;}

.buttonText a:hover {
	color: #1E4519;
	text-decoration:none;}

.buttonText a {
	font-size:13px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;}

#pagemenu a{
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	vertical-align:middle;
}
#pagemenu a:hover {
	font-size:13px;
	color:#000000;
}
#pagemenuDisable {
	font-size:13px;
	font-weight:bold;
	color:#871019;
}


.news_title {
	font-weight:bold;
	color:#696969;
	font-size:15px;
}

.news_title a {
	font-weight:bold;
	color:#696969;
	font-size:15px;
}

.news_title a:hover {
	font-weight:bold;
	color:#CCCCCC;
	font-size:15px;
}

.date {
	font-weight:bold;
	color:#FF4900;
	font-size:11px;
}

.news_line {
	background:url(menu/left_sp.gif) repeat-x;
}

.news_read {
	background:url(images/readmore.gif) no-repeat 387px 3px;
	color:#1e4519;
	font-size:15px;
	text-align:right;
	font-weight:bold;
}

.news_read a {
	color:#1e4519;
	font-size:15px;
	text-decoration:none;
	
}

.news_read a:hover {
	color:#8B9F89;
}


.home_read {
	background:url(images/readmore.gif) no-repeat 300px 3px;
	color:#1e4519;
	font-size:15px;
	text-align:right;
	font-weight:bold;
}

.home_read a {
	color:#1e4519;
	font-size:15px;
	text-decoration:none;
	
}

.home_read a:hover {
	color:#8B9F89;
}

.imgBorder {
	border: #D1D1D1 1px solid;
	padding:2px;
	}

.left_padding {
	padding:0px 5px 0px 13px;
}

.useful_links {
	padding-left:25px;
	color: #CCCCCC;
}
.useful_links a{
	color: #0E4E6C;
}
.useful_links a:hover {
	color: #FF7400;
}



/*BOF CSS for pagination*/
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #D0D0D0;
	
	text-decoration: none; /* no underline */
	color: #696969;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #e7e4e4;
	background-color:#3D4E2D;
	color: #FFFFFF;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #e7e4e4;
		
		font-weight: bold;
		background-color: #FF4900;
		color: #FFFFFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #e7e4e4;
	
		color: #DDD;
	}
.clear {
	clear:both;
}
/*EOF CSS for pagination*/

/*BDF RAGISTER STEP*/

fieldset.sectionwrap{ /*fieldset that wraps around each form "page" */
border-width:0;
padding:5px;
}

legend{ /*title shown at top of each form page */
font:bold 16px Arial;
color: darkred;
}

div.stepsguide{ /*div that contains all the "steps" text located at top of form */ 
width: 600px; /*width of "steps" container*/
overflow:hidden;
margin-bottom:6px;
cursor:pointer;
text-align:center;
}

div.stepsguide .step{ /*div that wraps around each "steps" text */
width:165px; /*width of each "steps" text*/
font: bold 24px Arial;
float:left;
padding-left:32px;

}
.field_desc {
	font-size:10px;
	display:block;
	color: #999999;
	padding-top:.3em;}


div.stepsguide .disabledstep{ /*div that wraps around each "steps" text */
	color:#C4C4C4;
}

div.stepsguide .step .smalltext{ /*small footer text inside "steps" text */
	font-size: 12px;
	font-weight: normal;
	color: #FF4200;
}

div.formpaginate{ /* CSS for pagination DIV container */
	width: 600px;
	overflow:hidden;
	font-weight:bold;
	text-align:center;
	margin-top:1em;
}

div.formpaginate .prev, div.formpaginate .next{ /*CSS for "prev" and "next" SPAN elements within paginate container */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:2px 5px;
	background:darkred;
	color:white;
	cursor:hand;
	cursor:pointer;
}
/*EDF RAGISTER STEP*/


.member_button {
	background:url(images/member.png) no-repeat right;
	color:#FFFFFF;
	border:none;
	height:30px;
	padding-top:15px;
	padding-right:10px;
}

.member_button a{
	color:#FFFFFF;
}

.member_button a:hover{
	color:#FFDBC4;
	text-decoration:none;
}

.home_text_pad {
	padding-left:13px;
	padding-right:21px;
}

.useful_title {
	padding-left:20px;
	font-size:13px;
	color:#1E4519;
	font-weight:normal;
}

.checkout_title {
	font-size:13px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	height:25px;
}

.checkout_border {
	border-left:solid 1px #E1E1E1;
	border-right:solid 1px #E1E1E1;
}

.checkout_total {
	font-size:13px;
	color:#000000;
	font-weight:bold;
}

.checkout_m_total {
	padding-right:10px;
	font-size:13px;
	color:#000000;
	text-align:right;
	font-weight:bold;
}

.textalign {
	padding-left:17px;
}


.total_amount {
	padding:0px 0px 0px 30px;
	border:none;
}


/*********************************** forms *****************************************/

input, textarea, select {
  border:1px solid #aaaaaa;
  padding:2px;
  margin-top:2px;
  background-color:#FFFFFF;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #888888;
}

input:active, textarea:active, select:active {
  border:1px solid #888888;
}

input.submit {
  color:#ffffff;
}

#form2 input:focus,  #form2 textarea:focus {
	border:1px solid #888888;
	}
	
#registrationForm input:focus,  #registrationForm textarea:focus {
	border:1px solid #888888;
	}
	
#logForm input:focus,  #logForm textarea:focus {
	border:1px solid #888888;
	}
	
#checkoutForm input:focus,  #checkoutForm textarea:focus {
	border:1px solid #888888;
	}
	
#setForm  input:focus,  #setForm textarea:focus {
	border:1px solid #888888;
	}
	
#proForm  input:focus,  #proForm textarea:focus {
	border:1px solid #888888;
	}
	
#pform  input:focus,  #pform textarea:focus {
	border:1px solid #888888;
	}
/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

/************************************ HELPERS ***************************************/		

.preloader { background: url(images/loader1.gif) center center no-repeat #ffffff; display:inline-block; }

.back {
	background:url(images/back.jpg) no-repeat left top;
	height:30px;
	padding-top:2px;
	padding-left:22px;
}

.sitemap_icon {
	margin:0px;
	padding:0px 0px 0px 2px;
}

.sitemap_icon a {
	color: #0E4E6C;
}

.sitemap_icon a:hover {
	color: #FF7400;
}

.sitemap_icon li{
	margin:0px;
	padding:1px;
	list-style:none;
	background:url(images/sitemap_icon.jpeg) no-repeat 0px 3px;
	padding-left:15px;
}

.sitemap_icon ul {
	margin:2px;
	padding:0px 0px 0px 7px;
}