/* CSS Document */
*{ margin:0px; padding:0px;}
body {background: #f2f2f2;font-family: Arial, Helvetica, Sans-serif;color: #333;line-height: 1.2em;font-size: 12px;}

#container {position: relative;margin: 0px auto;width: 960px; min-height:50px; overflow:hidden;}
#header { position:relative;width: 960px;height: 233px; float:left;display: block;background: url(../images/year-book-header.jpg) left top no-repeat;}

#header .live{ width:105px; height:22px; line-height:22px; position:absolute; left:720px; top:150px; z-index:999; display:block; cursor:pointer;}
#header .feedback{ position:absolute; left:602px; top:149px; z-index:101;}

#header .block{ width:236px; height:120px; position:absolute; left:600px; top:67px; z-index:10;}

#fastback {width: 945px;height: 350px;padding: 0px 0 10px 15px;background: url(../images/fastyearbooks2.jpg) left top no-repeat;clear: both;display: block;text-align: left; margin-top:9px;}
#howitworks{ width:960px; float:left; min-height:100px; overflow:hidden;}
#howitworkstext {float: left;width: 753px;}
#fastbullets {float: left;width: 348px;padding: 110px 0px 10px 385px;text-align: left;color: #333333;font-size: 15px;}
#howitworks_btn {float: left;width: 898px;padding: 25px 20px 0px 5px;text-align: right;}
#howitworks_btn .learn_more{ width:180px; height:38px; float:right; cursor:pointer;}
#howitworks_btn .start-book{ width:190px; height:38px; float:right;cursor:pointer; margin-right:190px;}
.learnmore a{text-decoration: none;color: #09f;font-size: 14px;font-weight: bold;}
/*-----------Prices Page----------------*/

#main02{float: left;width: 615px;clear: both;display: block; line-height:140%; margin-top:11px;}
#main02 h1 {
	padding-bottom: 5px;
}
#main02 h2 {
color:#999999; font-size:17px;
	padding-bottom: 5px;
}
#main02 .headtype2 {
	padding-top: 15px;
	padding-bottom: 5px;
}
.main02_top {clear: both;display: block;width: 615px;height: 18px;background-repeat: no-repeat;background-image: url(../images/main01_bg_top.jpg);background-position: left bottom;}
.main02_mid{clear: both;display: block;width: 575px;padding: 0 20px 0 20px;margin: 0px;background-repeat: repeat-y;background-image: url(../images/main01_bg_mid.jpg); min-height:500px; overflow:hidden;}
.main02_btm {
	clear: both;
	display: block;
	width: 615px;
	margin: 0px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/main01_bg_btm.jpg);
}

#example {
	float: left;
	width: 368px;
	height: 140px;
	display: block;
	padding: 20px 0 0 15px;
	background-image: url(../images/examples_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.exampletext {
	width: 105px;
	padding: 10px 0 10px 0;
}
#home-blog {
	float: left;
	width: 368px;
	height: 150px;
	display: block;
	padding: 10px 0 0 15px;
	background-image: url(../images/home-blank-box.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.home-blogtxt {
	width: 355px;
	padding: 5px 0 10px 0;
}
#twitter-box {
	float: left;
	width: 368px;
	height: 140px;
	display: block;
	padding: 20px 0 0 15px;
	background-image: url(../images/twitter-homepage.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.twittertext {
	width: 255px;
	font-size:18px; color:#666666; font-weight:bold; line-height:22px;
	padding: 10px 0 10px 95px;
}
.bloxcolumn {float: right; font-size:14px; line-height:18px; color:#FFFFFF; margin-top:12px}
.bloxcolumn a{ text-decoration:none; outline:none;} 
.bloxcolumn h1{ font-size:1.8em; line-height:24px; color:#FFFFFF; margin-bottom:5px;}
#liveperson {width: 205px;height: 122px;padding: 20px 0 0 120px;background: url(../images/right-bg1.gif) 0px 0px no-repeat; color:#FFFFFF;}
#trial_int {width: 205px;height: 122px;padding: 20px 0 0 120px;background: url(../images/right-bg1.gif) 0px -142px no-repeat; margin-top:12px;color:#FFFFFF;}

#twittercol {width: 205px;height: 122px;padding: 20px 0 0 120px;background: url(../images/right-bg1.gif) 0px -530px no-repeat; color:#FFFFFF; margin-top:10px;}
#blogcol {position:relative;width: 205px;height: 127px;padding: 15px 0 0 120px;background: url(../images/right-bg1.gif) 0px -678px no-repeat; color:#FFFFFF; margin-top:10px;}
#blogclol .boxi{ position:absolute; width:205px; height:127px; left:0px; top:0px; z-index:40; background:#000000;}

#example_int {width: 205px;height: 120px;padding: 20px 0 0 120px;background: url(../images/right-bg1.gif) 0px -286px no-repeat; margin-top:12px;color:#FFFFFF;}

#special_offer_int {width: 205px;height: 120px;padding: 20px 0 0 120px;background: url(../images/right-bg1.gif) 0px -429px no-repeat; margin-top:12px;color:#FFFFFF;}

/*-----------End of Prices Page----------------*/

/*-----------Delivery Page----------------*/
.delivery-box{ background:url(../images/deliverybox.jpg) center top no-repeat; float:left; padding:20px 0px 20px 278px; min-height:300px; overflow:hidden; width:270px;}
.bprices {
}
.surprised{ color:#FF6600; font-size:18px; font-weight:bold; line-height:19px;}

/*-----------End of Delivery Page----------------*/
.headtype2 {
	color: #f6c;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.0em;
}
.headtypeabout {
	color: #f6c;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	border-bottom:1px solid #0099CC; margin-bottom:5px;
}
#main01 {
	float: left;
	width: 473px;
	min-height: 523px;
	padding: 20px 15px 0 15px;
	background-repeat: no-repeat;
	background-image: url(../images/main01_bg.jpg);
	background-position: 0px 0px;
	clear: both;
	display: block;
}

#main01 a, #main02 a, #faq_q_col a  {
	color: #1772C1; font-weight:bold; text-decoration:underline;font-weight:bold;font-size:13px;
}

#main01 a:hover, #main02 a:hover, #faq_q_col a:hover  {
	color: #1772C1; text-decoration:none; font-size:13px; font-weight:bold;
}
#main01 ul, #main02 ul ,#main02 ol{
	padding: 0 0 0 0px;
	margin: 10px 0 10px 15px;
}
#main01 li, #main02 li  {
	padding: 0 0 0 0px;
	margin: 0 0 10px 0px;
	list-style-image: url(../images/icn_rquot.gif);
}
#calc_box{height:150px; background: #CCCCCC; padding:5px;border:1px solid #999999;}
#calc_box .calculatior_bg{ background: url(../images/calculator.jpg) 0px 0px no-repeat; width:133px; height:149px;  float:left; margin-left:40px;}
#calc_box ul{text-align:left; padding:0px; margin:0px; width:330px; float:right;margin-top:12px; font-size:14px; font-weight:bold;}
#calc_box li{ list-style:none;text-align:left; padding:0px; margin:0px;}
#calc_box li.left{ float:left; width:135px; height:28px;margin-bottom:2px;}
#calc_box li.right{ float:left; width:170px; height:28px; margin-bottom:2px;}
#booktype{width:170px; border:1px solid #999999;}
.pricein{width:170px; border:1px solid #999999;}
.pricein2{width:100px; border:1px solid #4792ED;}

.blue-text{ color:#0099FF;}
.red-text{ color:#FF0000; font-weight:bold;}
.pink-text{ color:#EF047E; font-weight:bold;}

.bloxline{ width:960px; min-height:100px; overflow:hidden; float:left;}
.bloxline .homeleft{width:768px; float:left; min-height:100px; overflow:hidden;}
.bloxline .homeright{width:188px; float:right; min-height:100px; overflow:hidden;}

.bloxline .homeright .top {height: 18px;background: url(../images/soc_bg_top.jpg) left bottom no-repeat;}
.bloxline .homeright .mid {padding: 0 10px 0 10px;background: url(../images/soc_bg_mid.jpg) repeat-y;}
.bloxline .homeright .btm {height: 18px;background: url(../images/soc_bg_btm.jpg)no-repeat;}

/* FOOTER */

#slider2 {width:768px; min-height:100px; overflow:hidden; float:left;}


#footer {
	width: 960px;float:left;
	min-height: 200px;
	overflow:hidden; 
	background-repeat:;
	background: url(../images/footer_bg.jpg) center bottom no-repeat;
	font-size: 10px;
	text-align: center; margin-top:15px;
}

.footermenu {
	height:60px;
	background:#004D91;
	position:relative;
	margin-bottom:35px;
	color:#FFFFFF;
}
.footermenu .left{ position:absolute; height:60px; width:10px; left:0px; top:0px; background: #f2f2f2 url(../images/footer-top-bg.png) left top no-repeat;}
.footermenu .right{ position:absolute; height:60px; width:10px; right:0px; top:0px; background: #f2f2f2 url(../images/footer-top-bg.png) right top no-repeat;}
.footermenu span {
	padding: 0 5px;
}

.footermenu a {
	color: #FFF;
	text-decoration: none;
	line-height:60px; font-size:16px; text-decoration:underline;
}
.footermenu a:hover {
	
	text-decoration: none;
}
.footericons {
	margin-left: 15px;
	text-align: center;
}
.book-builder-logo {
	margin-left: 15px;
	text-align: center;
}

/*-----------Offers page--------*/
.offers-box{ width:100%; padding:10px;}
.offercell1 {color: #FFFFFF; font-weight: bold; font-size: 22px; background:#969696; padding:5px; }
.offercell2 {background:#EEEEEE; padding:5px; }
/*-----------Experiences--------*/
.experience-bg {
	width: 748px;
	height: 147px;
	
	background-repeat: no-repeat;
	background-image: url(../images/experiences_bg.jpg);
	background-position: 0px 0px;
	clear: both;
	display: block;
	padding:10px;
	
}
#experiences {
	width: 746px;
	height: 167px;
	clear: both;
	display: block;
	
}
.sectioncol {
	float: left;
}
#experiences .sectioncol {
	margin: 15px 10px  0 10px;
}
#experiences .sectioncol .sectioncolimg {
	float: left;
}
#experiences .sectioncol .sectioncoltext {
	float: left;
	width: 115px;
	padding: 0 10px;
}
#experiences .sectioncol .sectioncoltext .sectioncoltexthead {
	color: #09f;
	font-weight: bold;
	font-size: 16px;
}

#experiences .sectioncol .experX {
margin: 3px 0 0 0;

}
.experience1{ width:100%; min-height:100px; overflow:hidden; margin-top:20px; margin-bottom:30px;}
.experience1 .left{ width:99px; height:130px; float:left;line-height:25px;}
.experience1 .right{ width:451px; min-height:120px; overflow:hidden; float:right; background:url(../images/experience-left-bg.jpg) left top no-repeat; }
.experience1 .right .top{ width:425px; height:16px; float:right; background:url(../images/experience-top-bg.jpg) right top no-repeat;}
.experience1 .right .btm{ width:425px; height:16px; float:right; background:url(../images/experience-btm-bg.jpg) right bottom no-repeat;}

.experience1 .right .mid{ width:390px; min-height:100px; overflow:hidden; float:right; background:#EEEEEE url(../images/experience-brdr.jpg) right top repeat-y; padding: 0px 20px 0px 10px;}
.experience1 .provider{ font-weight:bold; color:#000000; text-align:right; display:block; margin-top:15px;}

.experience2{ width:100%; min-height:100px; overflow:hidden; margin-top:20px; margin-bottom:30px;}
.experience2 .left{width:451px; min-height:120px; overflow:hidden; float:left; background:url(../images/experience-right-bg.jpg) right top no-repeat;  }
.experience2 .right{width:99px; height:130px; float:right; line-height:25px; }
.experience2 .left .top{ width:425px; height:16px; float:left; background:url(../images/experience-top-bg.jpg) right top no-repeat;}
.experience2 .left .btm{ width:425px; height:16px; float:left; background:url(../images/experience-btm-bg.jpg) right bottom no-repeat;}

.experience2 .left .mid{ width:390px; min-height:100px; overflow:hidden; float:left; background:#EEEEEE url(../images/experience-brdr.jpg) left top repeat-y; padding: 0px 10px 0px 20px;}

.experience2 .provider{ font-weight:bold; color:#000000; text-align:left; display:block; margin-top:15px;}

/*-----------Egypt--------*/
#howitworksback {
	width: 768px;
	height: 214px;
	padding: 0px 0 0 15px;
	background-repeat: no-repeat;
	background-image: url(../images/howitworks_bg.gif);
	background-position: 0px 0px;
	clear: both;
	display: block;
	text-align: left;
}
#howitworksback .cta {
	margin: 175px 0 0 0px;
}	
#howitworksback .left {
	float: left;
	padding: 0 0 0 15px;
}
#howitworksback .right {
	float: right;
	padding: 0 160px 0 0;
}
.egypt-text{
float:left;
padding:135px 0 0 5px;
width:400px;
}
.howitworks_btn
{
float:right;
width:140px;
padding-left:200px;
min-height:20px; padding-top:180px; overflow:hidden;

}

.headtype1 {
	color: #0099FF;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.3em;
}

h1.headtype1 a{ color:#0099FF; text-decoration:none;}

.headtype3 {
	color: #09f;
	font-weight: bold;
	font-size: 16px;
}
.headtype4 {
	color: #999;
}
.headtype4 a {
	font-weight: bold;
	color: #f6c;
	text-decoration: none;
}
.headtype4 a:hover {
	color: #09f;
}
.headtype5 {
	color: #09f;
	font-weight: bold;
	text-transform: uppercase;
}

.headtype5 a{
	color: #EF047E;
	font-weight: bold;
	text-transform: uppercase;
}
.headtype6 {
	color: #09f;
	font-weight: bold;
	font-size: 14px;
}

.headtype8 {
	color: #f6c;
	font-weight: bold;
	font-size: 14px;
}