/* CSS Document */
link {cursor: hand;}
body{background-color:#FFFFFF;margin:0px 0px 0px 0px;}

#mainContainer{
	background-color:#FFFFFF;
	width:100%;
}
.header{
	height:30px;
	background-color:#A3A3A3;
}
.header1{
	width:12%;
	background: url(../images/top_back_1.png) 0 100% repeat;
	float:left;
	text-align:left;
	height:30px;
}
.header_ara_1{
	float:left;
}
.header2{
	width:62%;
	background: url(../images/top_back_2.png) 0 100% repeat;
	float:left;
	text-align:left;
	height:30px;
}
.header_ara_2{
	float:left;
}
.header3{
	width:25%;
	background: url(../images/top_back_3.png) 0 100% repeat;
	float:left;
	text-align:left;
	height:30px;
}

.header2Text1{
	margin-left:10px;
	margin-top:8px;
}
.header2Text{
	font-family:Tahoma;
	color:#FFFFFF;
	font-size:12px;
	margin-left:10px;
	margin-top:8px;
	text-decoration:none;
}
.header2Text:hover{
	text-decoration:underline;
}
.header2Text2_1{
	margin-top:10px;
}
.header2Text2{
	font-family:Tahoma;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}
.header2Text2:hover{
	text-decoration:underline;
}
.headerSeperator{
	font-family:Tahoma;
	color:#FFFFFF;
	font-size:10px;
	margin-top:10px;
	margin-left:8px;
	margin-right:8px;
}
#mainBody{
	background: url(../images/back_main.png) repeat-x;
	width:100%;
	}
#mainBodyHeader{
	width:100%;
	white-space:nowrap;
	/*margin-left:125px;*/
}
.logo{
		width:100%;
		float:left;
		text-align:right;
	}
.menuOk{
		float:left;
		margin-top:15px;
		width:20%;
		text-align:right;
	}
.menu{
		float:left;
		margin-top:15px;
		width:80%;
		text-align:right;
		white-space:nowrap;
	}
.menuLast{
		float:left;
		margin-top:15px;
		width:34%;
		height:17px;
		background-color:#9DC7E0;
	}

.advert{
	clear:both;
	background: url(../images/back_ad2.jpg) no-repeat;
	width:804px;
	height:480px;
	margin-top:20px;
	/*margin-left:125px;*/
	}
.bodyArea{
	clear:both;
	width:904px;
	height:480px;
	margin-top:40px;
	background-color:#FFFFFF;
	}
.advertDesc{
	clear:both;
	width:335px;
	height:80px;
	text-align:right;
	margin-right:114px;
	font-family:Verdana;
	font-size:14px;
	color:#666666;
}
.advertLink{
	color:#666666;
	text-decoration:none;
}
.advertLink:hover{
	text-decoration:underline;
}
.designButton{
	text-align:right;
	margin-right:78px;
}
.loginRow{
	clear:both;
	background: url(../images/background_top4.png) no-repeat;
	width:730px;
	height:195px;
	margin-right:40px;
	}
.loginRowLogged{
	clear:both;
	background: url(../images/background_top_logged4.png) no-repeat;
	width:730px;
	height:195px;
	margin-right:40px;
	}
.loginBox{
	width:114px;
	height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	margin-left:17px;
	background-color:#FDB47D;
	border:none;
}
.loginArea{
	float:left;
	width:190px;
	position: relative;
}
.loogedInArea{
	margin-left:35px;
}
.loggedInText{
	font-family:Tahoma;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}
.loggedInText:hover{
	text-decoration:underline;
}
.announceArea{
	float:left;
	width:280px;
	height:100px;
	position: relative;
}
.announceBox{
	float:left;
	width:185px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	height:100px;
}
.shopArea{
	float:left;
}
.shopBox{
	float:left;
	width:165px;
	padding-left:19px;
}

.subMenu{
	clear:both;
	width:100%;
}

.subMenu1{
	background: url(../images/kare-2_2.jpg) no-repeat;
	width:241px;
	height:233px;
	vertical-align:top;
}
.subMenuElement{
	margin-left:40px;
}
.subMenuText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-style:italic;*/
	font-size:14px;
	color:#666666;
	text-decoration:none;
}
.subMenuText:hover{
	text-decoration:underline;
}
.footerBand{
	background-color:#9DC7E0;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	height:20px;
	padding-right:250px;
	padding-top:6px;

}
.footerMenu{
	width:100%;
	padding-top:20px;
 }
 .footerMenuColumn{
	float:left;
	width:145px;
 }
.footerMenuText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
}
.footerMenuText:hover{
	text-decoration:underline;
}

/* ############### REGISTER ########### */
.registerErrorArea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}
.registerArea{
	clear:both;
	width:803px;
	height:482px;
	margin-top:40px;
	padding-left:51px;
	background: url(../images/register.jpg) no-repeat;
}

.registerLoginArea{
	float:left;
	width:190px;
}
.registerRegisterArea{
	float:left;
	width:150px;
	height:200px;
}
.registerRegisterArea2{
	float:left;
	width:72px;
}
.registerInformArea{
	float:left;
	text-align:left;
	width:255px;
}
.registerLoginBox{
	width:114px;
	height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	background-color:#FFFFFF;
	border:none;
}
.registerRegisterBox{
	width:135px;
	height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	background-color:#FFFFFF;
	border:none;
}
.registerInformText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin-left:50px;
}

/* ############### CART ########### */
.cartBodyArea{
	clear:both;
	width:900px;
	padding-top:20px;
	height:300px;
	margin-left:60px;
	background-color:#FFFFFF;
	}
.cartHeader{
	float:left;
	width:700px;
	height:24px;
	background-color:#79AEFF;
}
.cartHeaderText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	/*font-style:italic;*/
	font-weight:bold;
	text-align:center;
	padding-top:4px;
}

.cartRow{
	height:180px;
	width:700px;
}
.cartRowItemPic{
	background: url(../images/cart_item_kare.jpg) no-repeat;
	width:190px;
	height:180px;
} 
.cartRowRightPart{
	/*background-color:#F0F0F0;*/
	margin-left:5px;
	width:500px;
	height:160px;
	margin-top:10px;
}
.cartRowDesc{
	float:left;
	padding-left:20px;
	padding-top:40px;
	width:120px;
}
.cartRowText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
.cartRowPrice{
	float:left;
	padding-left:10px;
	padding-top:40px;
	width:120px;
}
.cartRowPriceText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
}
.cartRowQuantity{
	float:left;
	padding-left:10px;
	padding-top:40px;
	width:120px;
}
.cartRowTotal{
	float:left;
	padding-top:40px;
	padding-left:10px;
}
.cartFooter{
	width:700px;
	height:100px;
}
.cartFooterTotalTitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3270D5;
}
.cartFooterTotalText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
}

.cartOrderLargePic{
	background-color:#79AEFF;
	color:#FFFFFF;
	position:absolute;
	left:280;	top:280;
	width:360px;height:390px;
	z-index:2;
	display:none;
	filter:alpha(opacity=90);   
    -moz-opacity: 0.9;   
    opacity: 0.9; 
}	

.cartOrderLargePic2{
	background-color:#79AEFF;
	color:#FFFFFF;
	position:absolute;
	left:640;	top:280;
	width:360px;height:390px;
	z-index:2;
	display:none;
	filter:alpha(opacity=90);   
    -moz-opacity: 0.9;   
    opacity: 0.9; 
}	

/* ############### CART ADDRESS ########### */
.cartAddressArea{
	clear:both;
	width:900px;
	padding-top:20px;
	height:400px;
	background-color:#FFFFFF;
}
.cartAdLeft{
	float:left;
	width:440px;
	padding-left:20px;
}
.cartAdIntro{
	width:410px;
	border: 1px solid #D5D5D5;
	background-color:#F5F5F5;
	padding-top:10px;
	padding-bottom:10px;
	height:80px;
}
.cartAdIntroTitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0099FF;
	font-weight:bold;
	float:left;
	width:140px;
	margin-left:5px;
}
.cartAdIntroText{
	font-family:Verdana;
	font-size:12px;
	color:#666666;
	float:left;
	width:250px;
}
.cartAdBookTitle{
	width:398px;
	height:24px;
	background-color:#79AEFF;
	float:left;
}
.cartAdBookTitleText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.cartAdDataTitle{
	width:410px;
	height:24px;
	background-color:#999999;
	padding-top:5px;
}
.cartAdDataBox{
	width:410px;
	padding-top:20px;
	padding-bottom:10px;
	background-color:#CCCCCC;
}
.cartAdDataInnerBox{
	width:320px;
	padding:10px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

.cartAdRight{
	float:left;
	width:440px;
}
.cartAdFormHead{
	height:24px;
	width:420px;
	float:left;
	background-color:#79AEFF;
}
.cartAdFormHeadText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
.cartAdFormBody{
	width:430px;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
}
.cartAdFormElemTitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin-left:10px;
}
.cartAdFormElemTextBox{
	border:1px solid #DBDBDB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.cartAdFormElemExp{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	margin-left:10px;
}

/* ############# MYORDER ################ */

.myOrderDesc{
	float:left;
	padding-left:20px;
	padding-top:20px;
	width:120px;
}

.shoppingRowPrice{
	float:left;
	padding-left:1px;
	padding-top:20px;
	width:90px;
}
.shoppingRowTotal{
	float:left;
	padding-top:20px;
	padding-left:10px;
	width:100px;
}

.shoppingRowPriceText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
}
.shoppingRowDateText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-style:italic;
	font-weight:bold;
}
.shoppingRowNoText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	font-style:italic;
}

.myOrderText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

/* ############# HELP ################ */
.helpLeftColumn{
	float:left;
	width:320px;
	}
.helpMiddleColumn{
	float:left;
	width:280px;
}
.helpTitle{
	width:310px;
	height:66px;
	}
.helpTitleElement{
	width:310px;
	height:66px;
	padding-left:10px;
	}
.helpOrange{
	background: url(../images/help_title_org.png) no-repeat;
	height:67px;
	}
.helpOrangeSelected{
	background: url(../images/help_title_org_selected.png) no-repeat;
	height:67px;
	}
.helpGreen{
	background: url(../images/help_title_green.png) no-repeat;
	height:67px;
	}
.helpGreenSelected{
	background: url(../images/help_title_green_selected.png) no-repeat;
	height:67px;
	}
.helpYellow{
	background: url(../images/help_title_yellow.png) no-repeat;
	height:67px;
	}
.helpYellowSelected{
	background: url(../images/help_title_yellow_selected.png) no-repeat;
	height:67px;
	}
.helpBlue{
	background: url(../images/help_title_blue.png) no-repeat;
	height:67px;
	}
.helpBlueSelected{
	background: url(../images/help_title_blue_selected.png) no-repeat;
	height:67px;
	}
.helpRed{
	background: url(../images/help_title_red.png) no-repeat;
	height:67px;
	}
.helpRedSelected{
	background: url(../images/help_title_red_selected.png) no-repeat;
	height:67px;
	}
.helpPurple{
	background: url(../images/help_title_purple.png) no-repeat;
	height:67px;
	}
.helpPurpleSelected{
	background: url(../images/help_title_purple_selected.png) no-repeat;
	height:67px;
	}
.helpTextArea{
	margin-left:55px;
	padding-top:12px;
}
.helpText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-style:italic;*/
	font-size:14px;
	color:#333333;
	text-decoration:none;
}
.helpText:hover{
	text-decoration:underline;
}
.helpSubTitleElement1{
	padding-left:10px;
	height:32px;
	width:270px;
	background-color:#F1F1F1;
}
.helpSubTitleElement2{
	padding-left:10px;
	height:32px;
	width:270px;
	background-color:#FFFFFF;
}
.helpSubTitleRow{
	padding-top:8px;
}
.helpSubtitleText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
}
.helpSubtitleText:hover{
	text-decoration:underline;
}
.helpAnswerTitleText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0099FF;
	font-weight:bold;
}
.helpRightText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	text-align:justify;
}

.helpContract{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

/* ######### PAYMENT ############## */
.payResultRow{
	height:180px;
	width:700px;
}
 
.payResultBody{
	background-color:#F0F0F0;
	margin-left:5px;
	width:500px;
	height:160px;
	margin-top:10px;
	padding: 10px;
}	

/* ############# CONTACT ############## */
.contactArea{
	background: url(../images/contact_bg.jpg) no-repeat;
	height:350px;
	width:700px;
}
.contactBodyArea{
	clear:both;
	width:900px;
	padding-top:20px;
	height:400px;
	background-color:#FFFFFF;
	}
.contactForm{
	padding-left:100px;
}
.contactIntro{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:20px;
	padding-top:20px;
}
.contactElementTitle{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	width:150px;
}
.contactInput{
	float:left;
}
.contactFormElemTextBox{
	border:1px solid #DBDBDB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.contactResult{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#006600;
	font-weight:bold;
}

/* ################ PROFILE ############# */
.profileEmailPass{
	width:390px;
	border: 1px solid #D5D5D5;
	background-color:#CCCCCC;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:10px;
	height:160px;
}

.eftResultRow{
	height:250px;
	width:700px;
}
.eftResultBody{
	background-color:#F0F0F0;
	margin-left:5px;
	width:500px;
	height:250px;
	margin-top:10px;
	padding: 10px;
}
.oosPayDescText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

/* ############# DISCOUNT #############*/
.datadiv{background-color:#dbe3ed;height:66px;width:135px;}
.discountEven{background-color:#eff2f6;height:16px;}
.discountOdd{background-color:#f6f8fb;height:16px;}
.discountColumn{float:left;width:64px;font-family:Verdana;font-size:12px;padding-left:2px;}
.discountSeperator{float:left;width:2px;background-color:#ffffff;font-size:1px;height:16px;}

/* ############# MY ORDER #############*/
.myOrderHeaderText{
	float:left;
	width:130px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding-top:4px;
}
.myOrderHeader{
	float:left;
	width:800px;
	height:24px;
	background-color:#79AEFF;
}

.myOrderRow{height:36px;width:820px;}
.myOrderEven{background-color:#eff2f6;height:36px;}
.myOrderOdd{background-color:#f6f8fb;height:36px;}
.myOrderColumn{float:left;width:130px;font-family:Verdana;font-size:12px;padding-left:6px;padding-top:6px;color:#666666;}
.myOrderSeperator{float:left;width:2px;background-color:#ffffff;font-size:1px;height:36px;}

.myOrderLargePic{
	background-color:#79AEFF;
	color:#FFFFFF;
	position:absolute;
	left:280;	top:100;
	width:360px;height:390px;
	z-index:1;
	display:none;
	filter:alpha(opacity=90);   
    -moz-opacity: 0.9;   
    opacity: 0.9; 
}	

.myOrderLargePic2{
	background-color:#79AEFF;
	color:#FFFFFF;
	position:absolute;
	left:640;	top:100;
	width:360px;height:390px;
	z-index:1;
	display:none;
	filter:alpha(opacity=90);   
    -moz-opacity: 0.9;   
    opacity: 0.9; 
}	

/* ############## PREPAY TABLE ########### */
.prepayTableHeader{
	float:left;
	width:110px;
	background-color:#79AEFF;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;

}

.prepayTableRow{
	float:left;
	width:110px;
	background-color:#DFDFDF;
	padding-top:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}