/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background-color:#0D72A1;
	color:#3B3A3A;
	font-family: "arial", "helvetica", "georgia";
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#main {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:978px;
	background-image: url(../img/back-shadow.gif);
	background-repeat: repeat-y;
}

#main-bottom{
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:978px;
	height:16px;
	background-image: url(../img/bottom.jpg);
	background-repeat: no-repeat;
}

#wrap{
	margin-left:9px;
	background-color:#fff;
	width:960px;	
	display:block;
}

#header{
	height:172px;
	display:block;
	background-image: url(../img/back-header.jpg);
	background-repeat: repeat-x;
	padding: 18px 30px 0px 30px;
}

#logo-pre{
	position:absolute;
	font-family:"Georgia";
}
#logo{
	float:left;
}
#menu{
	text-align:right;
	font-family:"Georgia";
}
#menu a{
	color:#3B3A3A;
}
#menu a:hover{
	color:#747474;
}
#menu h3{
	margin-top:5px;
	font-size:25px;
	font-weight:normal;
	line-height:32px;
}
#content{
	color: #343434;
}

#content h2{
	font-size:30px;
}
#content h3{
	font-size:20px;
	text-align:justify;
	text-decoration:none;
	font-weight:normal;
	line-height:25px;
}
#content h4{
	font-size:21px;
	text-align:justify;
	text-decoration:none;
	font-weight:normal;
	line-height:25px;
}
#middle{
	height:236px;
	margin-top:0px;
	position:relative;
}

#middle-container{
	background-image: url(../img/back-middle.jpg);
	background-repeat: repeat-y;	
	background-color:#E8E8F1;	
	height:188px;
	width:650px;
	float:left;
	margin-top:2px;
}
#middle-container h2{
	margin-top:24px;
}

#middle-text{
	padding-top:10px;
	padding-left:30px;
	line-height:40px;
}

#middle-books{
	float:right;
	position:absolute;
	top:-20px;
	right:0px;
}
#left-side{
	padding-left:30px;
	width:580px;
	float:left;
	position:relative;
}
#right-side{
	padding-right:30px;
	width:310px;
	float:right;
	font-size:12px;
}
#right-side strong{
	font-size:13px;
	line-height:25px;
}
#right-side a{
	color:#3B3A3A;
}
#right-side a:hover{
	color:#666;
}
#bottom{
	height:80px;
	background-image: url(../img/back-bottom.jpg);
	background-repeat: repeat-x;
	display:block;
	clear:both;
	border-top:1px solid #C1DBE7;
	padding:25px 0 0 30px;
	font-size:11px;
	line-height:20px;
	position:relative;
}
.bottom-sep
{
	float:left;
	margin-right:60px;
}
.bottom-sep a{
	color:#3B3A3A;
}
.last{
	position:absolute; 
	top:0px; 
	right:0px
}

#example-phrases{
	background-color:#F6FAFD;
	width:545px;
	padding:10px;
	font-size:15px;
	border:3px solid #E8E8F2;
	margin-bottom:40px;
	line-height:22px;
}


#examples-thankyou{
	background-color:#F6FAFD;
	padding:3px;
	font-size:15px;
	border:3px solid #E8E8F2;
	margin-bottom:40px;
	line-height:25px;
}

#example-more{
	background-color:#F6FAFD;
	padding:20px;
	font-size:15px;
	border:3px solid #E8E8F2;
	margin-bottom:40px;
	line-height:25px;
	clear:both;
	margin-left:30px;
	margin-right:30px;
}


#quotes{
	background-color:#FFDBA3;
	width:510px;
	padding:30px;
	height:920px;
	margin-bottom:25px;
	margin-top:100px;
}
.quote{
	width:240px;	
	float:left;
	font-size:14px;
	margin-bottom:15px;
	margin-left:10px;
	height:110px;
}
.quote blockquote {
	font-style:italic;
}

.passport{
	top:170px;
	left:430px;
	position:absolute;
	
}

.iphone{
	top:980px;
	left:360px;
	position:absolute;
	clear:both;
	
}
.items {
	margin-top:20px;
	width:500px;
}
.items li{
	margin-bottom:10px;
	font-size:14px;
	clear:both;
}
.items li strong{
	font-size:16px;
}
.items li .item-img{
	width:46px;
	height:47px;
	display:block;
	float:left;
	text-align:left;
}

.first{
	width:433px;
}

.phrasebooks {
	margin-top:10px;
}
.phrasebooks li{
	height:40px;
}
.phrasebooks li label {
	margin-top:5px;
	cursor:pointer;
}
.phrasebooks li label img {
	margin-right:3px;
}

.formated-text{
	text-align:justify;
	line-height:17px;
}

#mega-deal{
	border:7px dashed red;
	padding:10px;
	text-align:center ;
	margin-top:20px;
	margin-bottom:0px;
}

#mega-deal h2{
	font-size:23px;
}

#mega-deal h3{
	font-size:15px;
	text-align:center;
}

#mega-deal h2 strong{
	font-weight:bold;
	font-size:25px;
	line-height:36px;
}


#contact-us table{
	margin-top:20px;
	margin-left:10px;
}
#contact-us table tr td label{
	font-size:16px;
	font-weight:bold;
}

#form-div{
	float:left !important;
	width:380px !important;
}

#contact-logo{
	width:250px;
	float:left;
}
#contact-us h2{
	font-size:30px;
	font-family:"Georgia";
	font-weight:normal;
}

#contact-us h4{
	font-size:20px;
	font-weight:normal;
}

#about-us {
	font-size:12px;
	text-align:justify;
}

#about-us img{
	margin:15px;
}

#about-us h2{
	font-size:30px;
	font-family:"Georgia";
	font-weight:normal;
}


#privacy-policy {
	font-size:12px;
}
#privacy-policy h2{
	font-size:30px;
	font-family:"Georgia";
	font-weight:normal;
}

#refud-policy{
	font-size:12px;
}

#refud-policy h2{
	font-size:30px;
	font-family:"Georgia" !important;
	font-weight:normal;
}



#form-div{
	float:left;
	width:200px;
}

#form-logo{
	width:200px;
	float:left;
	clear:both;
}


.red {
	color: #FF0000;
}

.light-blue{
	color: #548dd4;
	font-style:italic;
}

.blue{
	color: 	#365F91;
}

.normal{
	font-weight:normal !important;
	font-size:12px;
}


.white{
	font-weight:bold;
}
.small{
	font-size:12px;
	color:#4A4A4A;
	font-weight:normal;
}

#message-status{
	padding:3px;
	margin:3px;
	text-align:left;
	font-size:14px;
}

#message-status .error{
	background-color: #FF9999;
	border:1px solid red;
	color: red;
	padding:3px;
}
#message-status .correct{
	background-color: #CCFF99;
	border:1px solid #99FF00;
	color: #000;
	padding:3px;
}




input[type=text] {
	width:245px;
	height:20px;
	border:1px solid #C9C9C9;
	padding:3px;
	background-image: url(../img/back-input.jpg);
	background-position: bottom;
	background-repeat: repeat-x;	
}

textarea{
	width:245px;
	border:1px solid #C9C9C9;
	padding:3px;
	background-image: url(../img/back-textarea.jpg);
	background-position: bottom;
	background-repeat: repeat-x;	
}

/**********
 * OVERLAY */
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


#error-view{
	padding:30px;
	border:1px solid red;
	background-color:#ffcccc;
	color: red;
	margin:30px;
}

#error-view a{
	font-weight:bold;
	color:red;
}


#valid-view{
	padding:30px;
	border:1px solid green;
	background-color:#c0dfa7;
	color: green;
	margin:30px;
	height:300px;

}

#valid-view a{
	color:green;
	font-size:12px;
}

#ok-img{
	float:left;
	width:128px;
	height:200px;
	margin-right:30px;
}

#ok-text{
	width:650px;
	float:left;
	border:0px solid red;
}
#ok-text h1{
 font-size:30px;	
}




.pinyin   {
    font-family: "arial unicode ms", "lucida sans unicode", sans-serif;
    }


#wide{
	width:100%;
	margin-left:30px;
	font-size:13px;
}
#secure{
	margin-left:30px;
	font-size:12px;

}

#form-title{
	font-size:16px;
	margin-bottom:30px;
}

#content-container #content{
	width:500px;
	float:left;
	margin-bottom:40px;
}


#footer-text{
	display:block;
	clear:both;
	margin-left:30px;
	font-size:11px;
	margin-bottom:40px;
}

#secure-logos{
	float:left;
	width:50px;
	margin-left:100px;
}


#phrasebook-details{
	padding:20px;
	font-size:15px;
	margin-bottom:40px;
	line-height:25px;
	clear:both;
	margin-left:30px;
	margin-right:30px;
	border:3px solid #E8E8F2;	
}


#phrasebook-details h3{
	color:#cc6600;	
}
#phrasebook-details-content{
	margin-left:20px;
	font-weight:normal;
}

#phrasebook-details-content strong{
	font-weight:bold;
}

#sample{
	font-size:18px;
	text-align:center;	
	clear:both;
}
#sample a:hover{
	cursor:pointer;
}

a{
	color:#000;
}


.big-1{
	font-size:20px;
}
.big-2{
	font-size:26px;
}


.preview{
	width:34px;
	height:132px;
	background-repeat:no-repeat;
	background-position:right top;	
	position:absolute;
	top:30%;
	z-index:200;
}
.preview:hover{
	width:34px;
	height:132px;
	background-repeat:no-repeat;
	background-position:left bottom;
}
.preview a{
	display:block;
    float:none;
    height:132px;
    color:#fff;
    text-decoration:none;
    text-indent:5000px;
}
#prev{
    display:block;
    float:none;
    height:132px;
    color:#fff;
    text-decoration:none;
    text-indent:5000px;
}
#prev_but{
	background-image:url(../img/left.jpg);
	left:0px;
	margin-left:25px;
}
#next_but{
	background-image:url(../img/right.jpg);
	right:0px;
	margin-right:25px;
}

.s2{
	border:1px solid #cfcfcd;
	z-index:100;
}

.s3{
	z-index:100;
	text-align:center;
}

#guarantee img{
	margin-right:10px;
	float:left;
}

#reviews {
	clear:both;
}
.review {
	display:none;
}
#next_review {
	color:blue;
	font-weight:bold;
}