/*CSS Document*/
/*(Project) CSS files - by http://www.Konstantinfosolutation.com India*/
/*Comment all css which you are not useing in Layout*/
/*Don't use undescore(_)*/
/*Don't define font family in body*/  
/*UseProper name for css*/

/*ClearFix*/
.Clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.Clear{ clear:both;}
.Clearfix {display: inline-block;}

h1 {font-size: 100%;}
h2 {font-size: 80%;}


#Wraper{width:980px; height:auto; margin:auto;}

#WraperContainer{width:980px; height:auto; margin:0px;}



/*Header start here*/
#HeaderWraper{width:980px; height:auto; margin:auto;}
.HeaderRaw1{width:980px; height:auto; float:left;}
.Registration{width:511px; height:19px; float:left; padding-left:18px; padding-top:6px;}
.RegistrationRaw1{width:511px; height:auto; float:left;}
.TopLoginBox{width:511px; height:auto; float:left;}
.TopUsername{width:130px; float:left; height:auto; padding-right:10px;}
.TopForgetPassword{width:150px; height:auto; float:left;}
.TopLoginBut{width:60px; height:auto; float:left;}

#LogoWraper{width:172px; height:112px; margin:auto; float:left; padding-left:25px; padding-top:21px; }


/*Navigation start here*/
#NavigationWraper{width:773px; height: auto; margin:auto; float:left; padding-top:45px;}
.Navigation{width:773px; height:25px; float:left;}
.SubNavigation{width:450px; height:25px; float:right;}


/*Middle start here*/
#MiddleWraper{width:auto; height:auto; margin:auto; clear:both;}


/*Leftcontiner start here*/
#LeftWraper{width:194px; height:auto; margin:auto;  float:left; padding-right:11px;}
.LeftPanel{width:194px; height:auto; float:left;}
.LeftBlock{width:194px; height:auto; float:left; padding-bottom:8px;}
.LeftRaw1{width:194px; height:auto; float:left;}
.Leftcorner1{width:6px; height:auto; float:left;}
.Leftcorner2{width:6px; height:auto; float:right;}
.Leftcenter{width:175px; height:25px; float:left;}
.LeftBootomcenter{width:182px; height:14px; float:left;}
.LeftLink1{width:183px; height:15px; float:left; padding-top:5px; padding-left:11px; background-image:url(../../images/temp4/leftpanel/dash.png); background-repeat:repeat-x; background-position:bottom;}
.Recentleft{width:10px; height:26px; float:left;}
.RecentRight{width:10px; height:26px; float:right;}
.RecentCenter{width:174px; height:26px; float:left; background-image: url(../../images/temp4/leftpanel/recent_bottombg.png); background-repeat:repeat-x;}
.LeftRaw2{width:177px; height:auto; float:left; padding-left:6px; padding-right:10px;}
.LeftRaw3{width:193px; height:auto; float:left;}
.LoginOuter{ width:165px; height:auto; float:left; padding-top:8px; padding-left:15px; padding-right:13px;}
.Login{width:75px; height:auto; float:left;}
.RegisterOuter{width:auto; height:auto; float:right; }
.RegisterArrow{width: auto; height:auto; float:left; padding-right:5px;}
.Register{width:auto; height:auto; float:left;}
.SearchOuter{width:185px; height:auto; float:left; padding-left:4px; padding-right:4px;}
.Searchmain{width:185px; height: auto; float:left; background-image: url(../../images/temp4/leftpanel/searchbg.png); background-repeat:repeat-x;}
.SearchRaw1{ width:185px; height:auto; float:left;}


/*Rightcontiner start here*/
#RightWraper{width:774px; height:auto; margin:auto; float:right}
.Baner{width:774px; height: auto; float:left;padding-bottom:18px;}
.WelcomeBlock{ width:774px; height:auto; float:left;}
.OfferBlock{width:774px; height:auto; float:left; background-color:#00FF00; padding-bottom:25px;}
.SpecialOffer{width:774px; height:auto; float:left; padding-bottom:38px;}
.WelcomeRaw1{width:774px; height:5px; float:left;}
.WelcomeRaw2{width:757px; height:auto; float:left; padding-left:17px; background-image:url(../../images/temp4/rightpanel/welcomebg.png); background-repeat:repeat-x; background-position:top; background-color:#ffffff;}
.WelcomeCornerleft{width:5px; height:5px; float:left;}
.WelcomecornerRight{width:5px; height:5px; float:right;}
.WelcomeBlockinner{width:757px; height:auto; float:left;}
.WelcomeCenter{width:764px; height:5px; float:left; background-color:#FFFFFF;}
.WelcomeTital{width:auto; height:auto; padding-top:15px; padding-bottom:22px;}
.WelcomeText{width:729px; height:auto; float:left; padding-right:28px; padding-bottom:19px;}
.OfferimgBlock{width:423px; float:left; padding-left:152px; padding-bottom:26px; }
.Specialofferinner{width:757px; float:left; height:auto; padding-left:17px;}
.SpecialRaw1{width:757px; height:auto; float:left;}
.SpecialRaw2{width:735px; height:auto; float:left;}

.SpecialofferTital{ width:auto; height:auto; float:left; padding-bottom:6px;}
.shopingBlock{width:234px; height:auto; float:left; padding-right:18px;}
.BusinessCard{width:231px; height:auto; float:left; padding-right:4px;} 
.BusinessRaw1{width:231px; height:12px; float:left;}
.BusinessRaw2{width:230px; height:auto; float:left;}
.BusinessRaw3{width:230px; height:auto; float:left;}
.BusinessRaw4{width:231px; height:10px; float:left;}

.Cardcorner1{width:13px; float:left; height:12px;}
.CardTop{width:218px; float:left; height:12px;}
.CardBottom{width:218px; float:left; height:11px;}
.Club{width:260px; float:left; height:auto; padding-right:4px;}

.ClubHome{width:auto; float:left; height:auto; padding:5px;}
.ClubRaw1Home{width:auto; float:left; height: auto;padding:8px; }
.ClubRaw2Home{width:auto; float:left; height: auto; }

.ClubRaw1{width:260px; float:left; height: auto; }
.ClubRaw2{width:260px; float:left; height: auto; }
.Brochured{width:235px; float:right; height:auto;}
.BrochuredRaw1{width:234px; float:left; height:12px;}
.Brochurecorner1{width:11px; height:12px; float:right;}
.Brochuretop{width:222px; height:12px; float:left;}
.BrochureBottom{width:223px; height:11px; float:left;}
.Brochurecorner2{width:11px; height:12px; float:right;}
.Brochurecorner3{width:11px; height:11px; float:right;}
.BrochureBottom2{width:222px; height:10px; float:right;}
.BrochuredRaw2{width:232px; float:left; height:auto;}
.BrochuredRaw4{width:234px; float:left; height:auto;}
.BrochuredRaw3{width:234px; float:left; height:10px;}



/*Listing css*/	
#Listing{width:169px; float:left;}

#Listing ul,{margin-left:3px; margin-top:0px; padding-left:0px; padding-top:0px; list-style-type:none; line-height:150%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

#Listing li{background-image: url(../../images/temp4/ ); background-repeat:no-repeat; background-position:0% .6em; padding-left: .8em;}


/*Footer start here*/
#FooterWraper2{width:980px; height:90px; margin:auto; clear:both}
.footerContaner{width:753px; height:auto; padding-top:35px; float:left; padding-left:227px;}
.footerRaw1{width:753px; height:auto; float:left;}
.FooterRaw2{ width:675px; float:left; height:auto; padding-top:4px; padding-left:78px;}


/* Main navigtion*/
#tabs {
	float:left;
	width: auto;
	font-size:93%;
	line-height:normal;
	/*border-bottom:1px solid #666;*/
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:5px 5px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("../../images/temp4/navigation/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 10px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background: url("../../images/temp4/navigation/right.png") no-repeat right top;
	padding:7px 10px 5px 6px;
	margin-right:4px;	
	color:#878787;
	font-family:Arial, Helvetica, sans-serif; font-size:14px;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -30px;
	}
#tabs a.current12 {
	background-position:0% -30px;
	}
#tabs a:hover span {
	background-position:100% -30px;
	color:#ffffff;
	}
#tabs a.current12 span {
	background-position:100% -30px;
	color:#ffffff;
	}
	
	
	/*Sub Navi*/
	
#tabs2 {
	float:right;
	width: auto;
	font-size:93%;
	line-height:normal;
	/*border-bottom:1px solid #666;*/
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs2 ul {
	margin:0;
	padding:3px 5px 0 0px;
	list-style:none;
	
	}

#tabs2 li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs2 a {
	float:left;
	background:url("../../images/temp4/navigation/left1.png") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

#tabs2 a span {
	float:left;
	display:block;
	background: url("../../images/temp4/navigation/right1.png") no-repeat right top;
	padding:4px 10px 5px 6px;
	margin-right:4px;	
	color:#878787;
	font-family: Tahoma; font-size:11px;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span {float:none;}

/* End IE5-Mac hack */
#tabs2 a:hover span {
	}

#tabs2 a:hover {
	background-position:0% -30px;
	}
#tabs2 a.current12 {
	background-position:0% -30px;
	}
#tabs2 a:hover span {
	background-position:100% -30px;
	color:#ffffff;
	}
#tabs2 a.current12 span {
	background-position:100% -30px;
	color:#ffffff;
	}
	
	
/*------------------Css for About us (01-05-09)------------------------*/
.AboutUsText{width:736px; height:auto; float:left; padding-right:10px; padding-bottom:19px; padding-left:10px;}
.AboutTital{width:736px; height:auto; padding-top:15px; padding-bottom:10px; border-bottom:1px solid #999999;}

/*------------------ChangePassword (01-05-09)------------------------*/
.ChangeBlock{ width:609px; height:auto; float:left; padding-left:76px; padding-bottom:15px;}
.Changeinner{width:600px; height:auto; float:left; padding:3px; }

/*--------------------CSS for Faq----------------------*/
.FaqOuter{width:736px; float:left; height:auto; padding-bottom:10px;}
.FaqBlock{width:716px; height:auto; float:left; padding:10px; }
.FaqRaw1{width:716px; height:auto; float:left;}

/*page numbering*/
DIV.sabrosus { width:302px; float:right;
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.sabrosus A {
	BORDER-RIGHT: #dbdbdb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #dbdbdb 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dbdbdb 1px solid; COLOR: #cccccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #dbdbdb 1px solid; TEXT-DECORATION: none; background-color: #7f7e7e;
	}
DIV.sabrosus A:hover {
	BORDER-RIGHT: #696969 1px solid; BORDER-TOP: #696969 1px solid; BORDER-LEFT: #696969 1px solid; COLOR: #fff; BORDER-BOTTOM: #696969 1px solid; BACKGROUND-COLOR: #464646
}
DIV.pagination A:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: black 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #464646
}
DIV.sabrosus SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}


/*-------------------------------------Css for my account page-(11-05-09)-------------------*/
.SpecialOffer2{width:774px; height:auto; float:left;}
.Username{width:170px; height:auto; float:left;}
.SpecialRequest{width:183px; height: auto; float:left; padding-top:8px; padding-left:11px; background-image:url(../../images/temp4/leftpanel/dash.png); background-repeat:repeat-x; background-position:bottom;}

.CardimgBlock{width:435px; height:auto; float:left;}
.CategoryBlock{width:288px; height:auto; float:right; padding:5px; background-image:url(../../images/temp4/rightpanel/category_bg.png); background-repeat:repeat-x; background-position:top; background-color:#FFFFFF;}
.CategoryRaw1{width:288px; height:auto; float:right;}
.CardinfoRaw1{width:730px; height:auto; float:left; }
.ProjectInfoMain{width:535px; padding:0px 100px 0px 100px;}
.ProjectInfoBlock{width:515px; height:auto; float:left; background-image:url(../../images/temp4/rightpanel/category_bg.png); background-repeat:repeat-x; background-position:top; background-color:#FFFFFF; padding:10px; }
.ProjectinfoRaw1{width:515px; height:auto; float:left;}
/*-------------------------------------Css for view order page-(12-05-09)-------------------*/
.ViewOrderMain{width:735px; }
.ViewOrderInfoBlock{width:715px; height:auto; float:left; background-image:url(../../images/temp4/rightpanel/category_bg.png); background-repeat:repeat-x; background-position:top; background-color:#FFFFFF; padding:10px; }
.ViewOrderRaw1{width:715px; height:auto; float:left;}




/*-------------------< 04.07.2009 >--------------------*/
.StepWraper{width:733px; height:27px; float:left; margin-bottom:1px; background-color:#404548; border:1px solid #c5deee}
.StepBlock{width:80px; height:23px; float:left; background-image:url(../../images/temp4/rightpanel/step_bg.png); background-repeat:no-repeat; padding:4px 5px 0px 0px; text-align:center;}
.StepTxtBlock{width:auto; height:22px; float:left; padding-top:6px}


/* 30.03.2010 */

.StepRow{width:740px; height:auto; float:left; padding-right:17px;}
.StepTitle{width:757px; height:auto; float:left; padding-left:17px; padding-bottom:5px; padding-top:5px; background-image:url(../../images/temp4/rightpanel/welcomebg.jpg); background-repeat:repeat-x; background-position:top; background-color:#ffffff; font:Georgia, "Times New Roman", Times, serif; font-size:17px; font-weight:bold; color:#333333; border-bottom:1px solid #dad9d9;}
.StepImgContant{width:715px; height:auto; float:left; padding:20px 0px 20px 25px; border:1px solid #d0cece; background-color:#eaeaea; background-image: url(../../images/temp4/rightpanel/step_bg.jpg); background-repeat:repeat-x;}
#StepContant{width:222px; height:auto; float:left; padding:0px 16px 0px 0px; text-align:center;}
.StepTitleText{width:222px; height:auto; float:left; padding:20px 0px 0px 0px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#0a5787;}
.StepDesc{width:222px; height:auto; float:left; padding:5px 0px 0px 0px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.StepCardRow{width:730px; height:auto; float:left; padding:5px; margin-top:10px; border:1px solid #e8e5e5; background-color:#f5f3f3; background-image: url(../../images/temp4/rightpanel/busicard_bg.jpg); background-repeat:repeat-x;}
.StepCardImg{width:auto; height:auto; float:left; padding:1px; border:1px solid #d0cece;}
.StepCardText{width:540px; height:auto; float:left; padding-left:5px;}
.OrderBtn{width:auto; height:auto; float:right; padding-top:20px;}