/*
Author : Shoaib Yasin
Project: Civil Tree
Designer & Developer: E-webcraft
Company URL:http://www.ewebcraft.com
Date: 1st August, 2008
Author Email:whitemoon786@hotmail.com
*/


/**** Global Elements *****/
/*defined in global.css*/ 

/**************end Global Elements************/

/**********Conatiainer**********/
@import url(global.css);
body{/*defined in global.css*/}
#header, #navigation, #content, #footer{/*defined in global.css*/}
#container{/*defined in global.css*/}
#content{/*defined in global.css*/}

#content .content-text
{
	position:relative;
	width:561px;
	z-index:0;
	

}
.content-text .banner
	{
		position:relative;
		width:561px;
		background:url(../siteimages/background/bg_banner.jpg) left top no-repeat;
		height:208px;
		margin-bottom:15px;
	
	}
	
	.content-text .guarantee
	{
		
		background:url(../siteimages/background/guarantee.jpg) left top no-repeat;
	}
	
	
	.banner .category
	{
		position:relative;
		width:28%;
		float:left;
		margin:10px;
		margin-left:15px;
		text-align:center;
	}
	
	.category img{position:relative;}
	.category h3{position:relative;  font-size:12px; font-weight:normal; color:#fff; line-height:25px;}
	.category h3 a{background:url(../siteimages/background/bg_category_head.jpg) left center no-repeat;  padding-left:15px; color:#fff;}
	.category a h3:hover{text-decoration:underline;}
	
	.banner h2{position:relative; font-size:18px; font-weight:normal; color:#fff; text-align:center; margin-top:5px;} 
	
	.banner img.logo-image{position:relative; margin-top:3px; margin-left:15px; float:left;}
	.banner img.logo-price-banner{position:relative; margin-top:23px; margin-left:25px; float:left; margin-right:30px;}
	.banner h2.loggo-banner-heading{position:relative; float:left; margin:0; padding:0; margin-left:15px; margin-top:10px; line-height:18px;}
	.guarantee h2.loggo-banner-heading
	{
		position:relative;
		margin-left:130px;
	}
	
	.guarantee p.white{position:relative; color:#FFFFFF; width:50%; margin:0; padding:0; margin-left:130px; background:url(../siteimages/background/guarantee-p.jpg) left 5px no-repeat; margin-top:7px; padding-left:15px;}
	
	h2.loggo-banner-heading span.orange{position:relative; font-size:24px; color:#FFE749;}
	
	.banner h2.right{margin-right:15px; margin-top:10px;line-height:18px; margin-bottom:20px;}
	.banner .btn-container{position:relative; width:290px;}
	.banner .text-container{position:relative; width:330px; margin-top:10px; margin-left:15px;}
	.banner .text-container p, .banner .text-container strong{color:#fff; font-size:13px;}
	.banner img.logo-btn{position:relative; margin-right:10px; margin-bottom:5px; margin-left:15px; border:none; width:147px; height:24px;}
	.banner img.logo-package-btn{position:relative; margin-right:10px; margin-bottom:5px; margin-left:15px; border:none; width:160px; height:24px;}
	.banner img.banner-btn{position:relative; margin-right:3px; margin-bottom:4px; margin-left:15px; border:none; width:147px; height:24px;}
	.banner img.models-image{position:relative; top:23px; left:15px; float:left;}
	.banner .insert-model{position:relative; float:left; width:226px; margin-left:20px; margin-top:10px; background:url(../siteimages/background/bg_form.jpg) left top no-repeat; height:105px; text-align:center;}
	.insert-model p.white{color:#fff; margin-top:10px;}
	.insert-model p strong.yellow{color:#FFE086; margin-top:5px; line-height:18px;}
	.insert-model #website-info{position:relative; margin-top:10px;}
	.insert-model #website-info input[type="text"]{position:relative; border:1px solid ccc; background:#D8DFE7;}
	.insert-model #website-info input[type="image"]{position:relative; top:5px;}

.content-text h1.heading{color:#3ea925; font-weight:normal; line-height:26px; margin-bottom:10px; font-family:"Trebuchet MS"; margin-top:10px;}
.content-text h3.heading{color:#3ea925; font-weight:normal; line-height:20px; margin-bottom:10px; font-family:"Trebuchet MS"; margin-top:10px;}
.content-text h2.heading{color:#3ea925; font-weight:normal; line-height:24px; margin-bottom:10px; margin-top:10px;}

.content-text h4{position:relative; color:#2C4972; line-height:18px;}
.content-text h5{position:relative; margin-top:10px; margin-bottom:10px; color:#335B96;  font-size:13px; color:#666666; padding-left:15px; background:url(../siteimages/background/list-blue.gif) left 4px no-repeat;}
.content-text p{color:#666666; line-height:16px;}
.content-text p.test{margin:5px; line-height:16px; background:url(../siteimages/background/bg_testimonial.jpg) left top no-repeat; padding-left:27px; }
.content-text a{color:#990000; text-decoration:none;}
.content-text a:hover{text-decoration:underline;}
.content-text ul.get
	{
		position:relative;
		margin:10px; 
		margin-left:10px;
		list-style:none;
	}
	
	ul.get li
	{
		position:relative;
		line-height:22px;
		background:url(../siteimages/background/bg-list.jpg) left 3px no-repeat;
		padding-left:20px;
	}
	
	ul.get li a{text-decoration:none; color:#3A63D1;}
	ul.get li a:hover{text-decoration:underline;}


.content-text ul.get-list
	{
		position:relative;
		margin:10px; 
		margin-left:10px;
		list-style:none;
	}
	
	ul.get-list li
	{
		position:relative;
		line-height:22px;
		background:url(../siteimages/background/bg-list.jpg) left 3px no-repeat;
		padding-left:20px;
	}
	
	ul.get-list li a{text-decoration:none; color:#3A63D1;}
	ul.get-list li a:hover{text-decoration:underline;}
	
.content-text .main-package
	{
		position:relative;
		margin:0;
		padding:0;
		margin-top:15px;
		z-index:100;
	
	}
	
	.main-package .heading
		{
			position:relative;
			margin:0;
			padding:0;
			background:url(../siteimages/background/bg_main-heading.jpg) left top repeat-x;
			height:56px;
			z-index:100;
			
		}
		
		.heading .left-side
		{
			position:absolute; width:87px; height:56px; left:0; top:0; z-index:999;
			background:url(../siteimages/background/bg_left-main-heading.jpg) no-repeat;
		}	
		
		.heading .right-side
		{
			position:absolute; width:11px; height:56px; right:0; top:0; z-index:999;
			background:url(../siteimages/background/bg_right-main-heading.jpg) no-repeat;
		}
		
		.main-package .detail,
		.text .package .detail
		{
			position:relative; border:1px solid #cecece; border-top:none;
			margin-left:20px; _margin-right:1px;
		}
		
		.detail ul{position:relative; list-style:none; margin:0; padding:0; margin-left:50px; padding:10px;}
		.detail ul li
			{
				position:relative;
				line-height:22px;
				background:url(../siteimages/background/bg-list.jpg) left 3px no-repeat;
				padding-left:20px;
			}
			
			.detail img.right-image{position:relative; float:right; margin:5px;}
			.detail img.buy{position:relative; border:none; float:right;  margin:15px; margin-top:5px;}
						
	.main-package .heading h3, 
	.text .package .heading h3
		{margin-left:90px; color:#00A2EE; line-height:56px; font-size:18px; font-weight:normal; _margin-left:45px;}
		
	.main-package .heading h5{position:relative; margin-top:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; color:#666666; margin-right:20px; background:url(../siteimages/images/include-icon.jpg) right center no-repeat; padding-right:25px;}		
	
.heading h2{margin-left:80px; padding-top:18px; color:#00a2ee; font-size:18px; font-weight:normal;}

/*.package ul
{
	position:relative;
	list-style:none;
	margin-left:25px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	border:1px solid #cecece;
	border-top:none;
	
}

.package ul li
{
	position:relative;
	line-height:22px;
	background:url(../siteimages/background/bg-list.jpg) left 3px no-repeat;
	padding-left:20px;
}

.package ul li.more
{
	position:relative;
	background:none;
	margin-left:50px;
}

.package ul li.more a {color:#00a2ee;}
.package ul li.more a:hover{text-decoration:none;}

.package ul li.order{background:url(../siteimages/background/btn-order.jpg) left top no-repeat; width:118px; height:22px; display:block; margin-left:40px; padding-left:30px; font-weight:bold; }

.red ul li.order{background:url(../siteimages/background/btn-order-red.jpg) left top no-repeat; width:118px; height:22px; display:block; margin-left:40px; padding-left:30px; font-weight:bold; }

.package ul li.order a{color:#fff; text-decoration:none;}

.red ul li
{
	position:relative;
	line-height:22px;
	background:url(../siteimages/background/bg-list-red.jpg) left 3px no-repeat;
	padding-left:20px;
}


*/
.text img.how-works{position:relative; margin:12px; margin-top:0; border:none; margin-left:18px;}


.content-text .banner-order
	{
		position:relative; 
		width:70%; 
		background:url(../siteimages/background/bg_banner-order.jpg) left top repeat-x;
		height:60px;
		border:1px solid #D3D3D3; 
		margin:0 auto;
		margin-bottom:15px;
		
	}
	
	.banner-order h6{position:relative; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:22px; margin-top:8px; padding-left:25px; margin-left:80px; margin-bottom:5px;
	background:url(../siteimages/background/bg_b_h_heading.jpg) left center no-repeat; }
	
	.banner-order p{position:relative; margin-top:3px; width:60%;  float:left; margin-left:10px; margin-right:10px;}
	.banner-order .form{position:relative;  width:32%; float:left;} 
	.form select{position:relative; width:40px; top:-6px; #top:-3px;}
	.form input[type=image]{position:relative;  margin-left:5px;}


.content-text .characteristics{position:relative; border:1px solid #ddd; margin-top:10px; background:url(../siteimages/background/bg_cahr.jpg) left top repeat-x; height:33px; margin-bottom:10px;}
.characteristics h1{position:relative; width:35%; display:block; float:left; font-family:"Trebuchet MS"; font-weight:normal; font-size:18px; margin-left:25px; margin-top:5px; line-height:22px; _margin-left:15px;}

.content-text .green-char{position:absolute;  background:url(../siteimages/background/bg_green-char.jpg) no-repeat; height:33px; height:35px; width:17px; z-index:900; left:-2px; top:-1px;}

.content-text .blue-char{position:absolute;  background:url(../siteimages/background/bg_blue-char.jpg) no-repeat; height:33px; height:35px; width:17px; z-index:900; left:-2px; top:-1px;}

.content-text .orange-char{position:absolute;  background:url(../siteimages/background/bg_orange-char.jpg) no-repeat; height:33px; height:35px; width:17px; z-index:900; left:-2px; top:-1px;}


.content-text .spokes-model
{
	position:relative;
	border:1px solid #C9C7C7;
	background:#F4F2F2;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:15px;

}

.spokes-model img.model{position:relative; float:left; margin-left:18px; margin-right:18px;}
.spokes-model .redish{position:relative; margin:30px; top:10px;}


	
.content-text .view-package{position:relative; border:none; float:right; margin:5px; margin-right:30px;}

.content-text .question{position:relative; margin-top:15px; }
.question h3{position:relative; margin:10px; color:#545454; font-weight:normal;}
.question p{margin:10px;}
.question a.top{float:right; margin:15px; margin-right:25px; color:#74AC00; text-decoration:underline; margin-top:0px;}
.question a.top:hover{text-decoration:none;}


.content-text .package-category, 
.content-text .package-offer
{
	position:relative;
	margin-bottom:15px;
	width:561px;
}

.package-category .package
{
	position:relative;
	width:46%;
	float:left;
	margin:10px;
	border:1px solid #c2c2c2;
	z-index:300;
}
	.package-category .package .l-t-c
	{
		position:absolute; width:8px; height:8px; z-index:999; background:url(../siteimages/background/package-l-t-c.jpg) no-repeat; left:-1px; top:-1px;}
		
	.package-category .package .r-t-c
	{
		position:absolute; width:8px; height:8px; z-index:999; background:url(../siteimages/background/package-r-t-c.jpg) no-repeat; right:-1px; top:-1px;}
	
	.package-category .package .r-b-c
	{
		position:absolute; width:8px; height:8px; z-index:999; background:url(../siteimages/background/package-r-b-c.jpg) no-repeat; right:-1px; bottom:-1px;}
		
		.package-category .package .l-b-c
	{
		position:absolute; width:8px; height:8px; z-index:999; background:url(../siteimages/background/package-l-b-c.jpg) no-repeat; left:-1px; bottom:-1px;}
		
		
.package h2{
	position:relative;
	height:23px; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#757575;
	line-height:20px;
	background:url(../siteimages/background/bg_package_heading.jpg) left top repeat-x;
	border-bottom:1px solid #c2c2c2;
}

.package h1
{position:relative; text-align:center; font-size:22px; color:#ED1000; font-family:"Swis721 Cn BT";margin-top:5px;}

.package-category .package ul
{
	position:relative; width:98%; overflow:auto; list-style:none; margin-top:10px; margin-bottom:5px;
}

.package-category .package ul li
{
	position:relative;
	width:45%; margin:3px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	color:#373737;
	float:left;
	text-align:center;
}

.package-category .package img.order-now{position:relative; margin:5px; border:none; margin-left:70px;}
	.package-offer .offer
	{
		position:relative;
		margin:0;
		padding:0;
		width:182px;
		_width:155px;
		float:left;
		margin-right:7px;
	}
	.package-offer .no-margin{margin:0;}
		
		
		.package-offer .offer img{border:none; margin:0; padding:0;}
		
		
.content-text .logo-images
{
	position:relative; width:560px; 
}

.logo-images .image
{
	position:relative; width:48%; display:inline; float:left; text-align:center; margin-top:15px; margin-bottom:15px; 
}

#content h3.banner-heading
	{
		position:relative;
		background:url(../siteimages/background/bg_banner-heading.jpg) left top no-repeat;
		height:37px;
		color:#000;
		line-height:36px;
		font-size:15px;
		padding-left:25px;
		margin-bottom:15px;
	}
	
#content .sample
{
	position:relative;
	border:1px solid #cfcfcf;
	text-align:center;
}

.content-text .tbl-status{	position:relative;}

.tbl-status .top-heading{position:relative; font-family:"Trebuchet MS"; font-size:18px; color:#fff; line-height:22px; height:26px;}

.tbl-status .heading{position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:16px; color:#365E99; border:1px solid #ddd;}

.tbl-status .result{position:relative; border:1px solid #ddd; margin:3px; height:28px;}

.content-text img.step{position:relative; margin-left:10px; margin-right:8px;}



/******************************/



/*******Sidebar*************/
#content .sidebar
{
	position:relative;
	/*background:url(../siteimages/background/bg_sidebar.jpg) left top repeat-y;*/
	min-height:450px; /*694px*/
	width:190px;
	z-index:500;
	margin-right:5px;
	/*border:1px solid #cdcdcd;*/
}

.sidebar img.sidebar-image
{
	position:relative; margin:0;  border:none;
}

.sidebar .block
{
	position:relative;  margin-top:0px; margin-bottom:20px;
	border:1px solid #d9d9d9; background:#fafafa; z-index:600;
	margin-top:20px;
}
	.block h3{font-family:"Trebuchet MS"; font-weight:normal; margin:5px; color:#CC0001; font-size:23px;}
	.block p.test{margin:5px; line-height:16px; background:url(../siteimages/background/bg_testimonial.jpg) left top no-repeat; padding-left:27px; margin-top:10px;}
	
	.block p{margin:5px; line-height:16px;}
	
	.block a{margin:5px; color:#038fdd; text-decoration:underline; line-height:18px; margin-right:0px; font-size:11px;}
	.block a:hover{text-decoration:none;}
	
	.block .l-t-c{position:absolute; top:-1px; left:-1px; z-index:900; background:url(../siteimages/background/block-l-t-c.jpg) no-repeat; width:8px; height:8px; _top:0px; 
	
	}
	
	.block .l-b-c{position:absolute; bottom:-1px; left:-1px; z-index:900; background:url(../siteimages/background/block-l-b-c.jpg) no-repeat; width:8px; height:8px;
	_top:117px;
	}
	
	.block .r-t-c{position:absolute; top:-1px; right:-1px; z-index:900; background:url(../siteimages/background/block-r-t-c.jpg) no-repeat; width:8px; height:8px; _top:0; _right:0;}
	
	.block .r-b-c{position:absolute; bottom:-1px; right:-1px; z-index:900; background:url(../siteimages/background/block-r-b-c.jpg) no-repeat; width:8px; height:8px;
	_top:117px; _right:0;
	}
	
.sidebar .no-style{background:none; border:none;}	

.sidebar .affiliate
{
	position:relative;  margin-top:10px; margin-bottom:20px;
	border:1px solid #d9d9d9; background:#E9F2FA; z-index:600;
	text-align:center; padding-bottom:5px;
}

	.affiliate .l-t-c{position:absolute; top:-1px; left:-1px; z-index:900; background:url(../siteimages/background/affiliate-l-t-c.jpg) no-repeat; width:8px; height:8px;
	_left:-95px; _top:0;
	}
	
	.affiliate .l-b-c{position:absolute; bottom:-1px; left:-1px; z-index:900; background:url(../siteimages/background/affiliate-l-b-c.jpg) no-repeat; width:8px; height:8px; _left:-95px; _top:255px;}
	
	.affiliate .r-t-c{position:absolute; top:-1px; right:-1px; z-index:900; background:url(../siteimages/background/affiliate-r-t-c.jpg) no-repeat; width:8px; height:8px; _top:0; _right:0;}
	
	.affiliate .r-b-c{position:absolute; bottom:-1px; right:-1px; z-index:900; background:url(../siteimages/background/affiliate-r-b-c.jpg) no-repeat; width:8px; height:8px; _top:255px; _right:0;}

.affiliate h2{font-size:14px; color:#004595; margin:10px;}
.affiliate img.affiliate-image{position:relative; margin:5px;}

	.sidebar form.letter{position:relative; margin:5px; margin-top:0px; }
	.letter input[type="text"]{border:1px solid #ccc; line-height:18px; padding:2px;}	
	.letter input[type="submit"]{position:relative; padding:2px; margin:5px; margin-left:40px;}
	
	
.content-text .no-image{background-image:none;}



.logo-topic-links
{
	position:relative; width:760px; 
	padding-left:10px; padding-right:10px; 
	margin-top:20px;

}

.logo-topic-links a
{
	position:relative; width:32%;
	margin-left:5px;
	line-height:17px;
	color:#054792; text-decoration:none;
	float:left; display:block;
}

.logo-topic-links a:hover{text-decoration:underline;}