.magic-circle-container{position:relative;width:216px;height:235px;margin:0 auto;}

.magic-circle-container div.circle01{background:url(../images/magic-circle/circle_01.png) left top no-repeat;position:absolute;width:108px;height:108px;margin:10px 0 0 110px;*margin:10px 0 0 0;}
.magic-circle-container div.circle02{background:url(../images/magic-circle/circle_02.png) left top no-repeat;position:absolute;width:108px;height:108px;margin:120px 0 0 110px;*margin:120px 0 0 0;}
.magic-circle-container div.circle03{background:url(../images/magic-circle/circle_03.png) left top no-repeat;position:absolute;width:108px;height:108px;margin:120px 0 0 0;*margin:120px 0 0 -110px;}
.magic-circle-container div.circle04{background:url(../images/magic-circle/circle_04.png) left top no-repeat;position:absolute;width:108px;height:108px;margin:10px 0 0 0;*margin:10px 0 0 -110px;}

.magic-circle-container div.circle01:hover,
.magic-circle-container div.circle01-unSelected:hover{background:url(../images/magic-circle/circle_01_hover.png) left top no-repeat;color:#fff;}

.magic-circle-container div.circle02:hover,
.magic-circle-container div.circle02-unSelected:hover{background:url(../images/magic-circle/circle_02_hover.png) left top no-repeat;color:#fff;}

.magic-circle-container div.circle03:hover,
.magic-circle-container div.circle03-unSelected:hover{background:url(../images/magic-circle/circle_03_hover.png) left top no-repeat;color:#fff;}

.magic-circle-container div.circle04:hover,
.magic-circle-container div.circle04-unSelected:hover{background:url(../images/magic-circle/circle_04_hover.png) left top no-repeat;color:#fff;}

.categorySelection a{
    float:left;
    background: url(../images/magic-circle/icon_category.png) left top no-repeat;
   padding: 12px 0 0 39px;
    width: 146px;
    height: 28px;
    margin-left:13px;
    text-align:left;
}

.categoryListing{
    background-color:#edf5ff;
    border:1px solid #76aaff;
    left: 24px;
    padding: 10px 10px 20px;
    position: absolute;
    text-align: left;
    top: 37px;
    width: 175px;
    z-index: 2147483647;
    text-transform:capitalize;
    line-height:20px;
    margin-left:-4px;
    *margin-left:5px;
}

/*---------------------- octane circle styles starts ----------------------*/
.magic-circle-container-octane{position:relative;width:216px;height:235px;margin:10px 0 0;*margin:10px 10px 0 0;text-align:right;}

.octane-center-circle{
	background:url(../images/magic-circle/octane/octane_circle_center.png) right bottom no-repeat;
	position: absolute;
	margin:-47px 0 0 166px;
	*margin: 165px 0 0 -58px; 
	width:55px;
	height:48px;
	display:block;
	z-index:100;
}
.octane-circle-1{
	background:url(../images/magic-circle/octane/red_background_01.png) left -188px no-repeat;
	position: absolute;
	margin: -26px 0 0 29px;
	*background:url(../images/magic-circle/octane/red_background_01.png) -2px -190px no-repeat;
	*margin: -27px 0 0 29px;    
    *position: relative;
	width:188px;
	height:29px;
	display:block;
	z-index:100;
}
.octane-circle-6{
	background:url(../images/magic-circle/octane/red_background_02.png) left -163px no-repeat;
	position: absolute;
	margin: -51px 0 0 27px;
	*background:url(../images/magic-circle/octane/red_background_02.png) -3px -166px no-repeat;
	*margin: -54px 0 0 27px;    
    *position: relative;
	width:188px;
	height:50px;	
	display:block;
	z-index:100;
}
.octane-circle-8{
	background:url(../images/magic-circle/octane/red_background_03.png) left -136px no-repeat;
	position: absolute;
	margin: -77px 0 0 29px;
	*background:url(../images/magic-circle/octane/red_background_03.png) -3px -137px no-repeat;
	*margin: -77px 0 0 29px;    
    *position: relative;
	width:188px;
	height:71px;	
	display:block;
	z-index:100;
}
.octane-circle-9{
	background:url(../images/magic-circle/octane/red_background_04.png) left -106px no-repeat;
	position: absolute;
	margin: -107px 0 0 29px;
	*background:url(../images/magic-circle/octane/red_background_04.png) -3px -108px no-repeat;
	*margin: -100px 0 0 29px;    
    *position: relative;
	width:188px;
	height:103px;	
	display:block;
	z-index:100;
}
.octane-circle-10{
	background:url(../images/magic-circle/octane/red_background_05.png) left -80px no-repeat;
	position: absolute;
	margin: -134px 0 0 29px;
	*background:url(../images/magic-circle/octane/red_background_05.png) -3px -80px no-repeat;
	*margin: -132px 0 0 29px;    
    *position: relative;
	width:188px;
	height:126px;	
	display:block;
	z-index:100;
}
.octane-circle-11{
	background:url(../images/magic-circle/octane/red_background_06.png) left -57px no-repeat;
	position: absolute;
	margin: -157px 0 0 29px;
	*background:url(../images/magic-circle/octane/red_background_06.png) -3px -57px no-repeat;
	*margin: -150px 0 0 29px;    
    *position: relative;
	width:188px;
	height:147px;	
	display:block;
	z-index:100;
}
.octane-circle-12{
	background:url(../images/magic-circle/octane/red_background_07.png) left -40px no-repeat;
	position: absolute;
	margin: -174px 0 0 29px;
	*background:url(../images/magic-circle/octane/red_background_07.png) -3px -40px no-repeat;
	*margin: -165px 0 0 29px;    
    *position: relative;
	width:188px;
	height:164px;	
	display:block;
	z-index:100;
}
.octane-circle-13{
	background:url(../images/magic-circle/octane/red_background_08.png) left -31px no-repeat;
	position: absolute;
	margin: -183px 0 0 29px;
	*background:url(../images/magic-circle/octane/red_background_08.png) -3px -31px no-repeat;
	*margin: -175px 0 0 29px;    
    *position: relative;
	width:188px;
	height:175px;	
	display:block;
	z-index:100;
}
.octane-circle-14{
	background:url(../images/magic-circle/octane/red_background_09.png) left -26px no-repeat;
	position: absolute;
	margin: -188px 0 0 29px;
	*background:url(../images/magic-circle/octane/red_background_09.png) -3px -26px no-repeat;
	*margin: -182px 0 0 29px;    
    *position: relative;
	width:188px;
	height:175px;	
	display:block;
	z-index:100;
}
.octane-circle-4{
	background:url(../images/magic-circle/octane/red_background_10.png) left -23px no-repeat;
	position: absolute;
	margin: -191px 0 0 30px;
	*background:url(../images/magic-circle/octane/red_background_10.png) -3px -12px no-repeat;
	*margin: -190px 0 0 29px;    
    *position: relative;
	width:188px;
	height:190px;	
	display:block;
	z-index:100;
}
.magic-circle-container-octane .service-circle-1{
	background:url(../images/magic-circle/octane/service_circle.png) left top no-repeat;
	color: #FF0000;
    display: block;
    height: 20px;
    margin: 2px 0 0 -14px;
	*margin: 2px 0 0 -205px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-octane .service-circle-6{
	background:url(../images/magic-circle/octane/service_circle.png) left top no-repeat;
	color: #FF0000;
    display: block;
    height: 20px;
    margin: 4px 0 0 -10px;
	*margin: 2px 0 0 -201px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-octane .service-circle-8{
	background:url(../images/magic-circle/octane/service_circle.png) left top no-repeat;
	color: #FF0000;
    display: block;
    height: 20px;
    margin: 4px 0 0 -7px;
	*margin: 2px 0 0 -195px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-octane .service-circle-9{
	background:url(../images/magic-circle/octane/service_circle.png) left top no-repeat;
	color: #FF0000;
    display: block;
    height: 20px;
    margin: 4px 0 0 7px;
	*margin: 2px 0 0 -185px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-octane .service-circle-10{
	background:url(../images/magic-circle/octane/service_circle.png) left top no-repeat;
	color: #FF0000;
    display: block;
    height: 20px;
    margin: -1px 0 0 28px;
	*margin: 1px 0 0 -165px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-octane .service-circle-11{
	background:url(../images/magic-circle/octane/service_circle.png) left top no-repeat;
	color: #FF0000;
    display: block;
    height: 20px;
    margin: -4px 0 0 54px;
	*margin: -5px 0 0 -138px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-octane .service-circle-12{
	background:url(../images/magic-circle/octane/service_circle.png) left top no-repeat;
	color: #FF0000;
    display: block;
    height: 20px;
    margin: -8px 0 0 85px;
	*margin: -8px 0 0 -108px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-octane .service-circle-13{
	background:url(../images/magic-circle/octane/service_circle.png) left top no-repeat;
	color: #FF0000;
    display: block;
    height: 20px;
    margin: -13px 0 0 116px;
	*margin: -13px 0 0 -75px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-octane .service-circle-14{
	background:url(../images/magic-circle/octane/service_circle.png) left top no-repeat;
	color: #FF0000;
    display: block;
    height: 20px;
    margin: -17px 0 0 143px;
	*margin: -16px 0 0 -48px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-octane .service-circle-4{
	background:url(../images/magic-circle/octane/service_circle.png) left top no-repeat;
	color: #FF0000;
    display: block;
    height: 20px;
    margin: -17px 0 0 168px;
	*margin: -6px 0 0 -22px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
/*---------------------- octane circle styles ends ----------------------*/

/*---------------------- oxygen circle styles starts ----------------------*/
.magic-circle-container-oxygen{position:relative;width:216px;height:235px;margin:10px 0 0;*margin:10px 10px 0 0;text-align:right;}

.oxygen-center-circle{
	background:url(../images/magic-circle/oxygen/oxygen_circle_center.png) right bottom no-repeat;
	position: absolute;
	margin:-47px 0 0 166px;
	*margin: 165px 0 0 -58px;
	width:55px;
	height:48px;
	display:block;
	z-index:100;
}
.oxygen-circle-1{
	background:url(../images/magic-circle/oxygen/blue_background_01.png) left -188px no-repeat;
	position: absolute;
	margin: -26px 0 0 29px;
	*background:url(../images/magic-circle/oxygen/blue_background_01.png) -2px -190px no-repeat;
	*margin: -27px 0 0 29px;    
    *position: relative;
	width:188px;
	height:29px;
	display:block;
	z-index:100;
}
.oxygen-circle-6{
	background:url(../images/magic-circle/oxygen/blue_background_02.png) left -163px no-repeat;
	position: absolute;
	margin: -51px 0 0 27px;
	*background:url(../images/magic-circle/oxygen/blue_background_02.png) -3px -166px no-repeat;
	*margin: -54px 0 0 27px;    
    *position: relative;
	width:188px;
	height:50px;	
	display:block;
	z-index:100;
}
.oxygen-circle-8{
	background:url(../images/magic-circle/oxygen/blue_background_03.png) left -136px no-repeat;
	position: absolute;
	margin: -77px 0 0 29px;
	*background:url(../images/magic-circle/oxygen/blue_background_03.png) -3px -137px no-repeat;
	*margin: -77px 0 0 29px;    
    *position: relative;
	width:188px;
	height:71px;	
	display:block;
	z-index:100;
}
.oxygen-circle-9{
	background:url(../images/magic-circle/oxygen/blue_background_04.png) left -106px no-repeat;
	position: absolute;
	margin: -107px 0 0 29px;
	*background:url(../images/magic-circle/oxygen/blue_background_04.png) -3px -108px no-repeat;
	*margin: -100px 0 0 29px;    
    *position: relative;
	width:188px;
	height:103px;	
	display:block;
	z-index:100;
}
.oxygen-circle-10{
	background:url(../images/magic-circle/oxygen/blue_background_05.png) left -80px no-repeat;
	position: absolute;
	margin: -134px 0 0 29px;
	*background:url(../images/magic-circle/oxygen/blue_background_05.png) -3px -80px no-repeat;
	*margin: -132px 0 0 29px;    
    *position: relative;
	width:188px;
	height:126px;	
	display:block;
	z-index:100;
}
.oxygen-circle-11{
	background:url(../images/magic-circle/oxygen/blue_background_06.png) left -57px no-repeat;
	position: absolute;
	margin: -157px 0 0 29px;
	*background:url(../images/magic-circle/oxygen/blue_background_06.png) -3px -57px no-repeat;
	*margin: -150px 0 0 29px;    
    *position: relative;
	width:188px;
	height:147px;	
	display:block;
	z-index:100;
}
.oxygen-circle-12{
	background:url(../images/magic-circle/oxygen/blue_background_07.png) left -40px no-repeat;
	position: absolute;
	margin: -174px 0 0 29px;
	*background:url(../images/magic-circle/oxygen/blue_background_07.png) -3px -40px no-repeat;
	*margin: -165px 0 0 29px;    
    *position: relative;
	width:188px;
	height:164px;	
	display:block;
	z-index:100;
}
.oxygen-circle-14{
	background:url(../images/magic-circle/oxygen/blue_background_08.png) left -31px no-repeat;
	position: absolute;
	margin: -183px 0 0 29px;
	*background:url(../images/magic-circle/oxygen/blue_background_08.png) -3px -31px no-repeat;
	*margin: -175px 0 0 29px;    
    *position: relative;
	width:188px;
	height:175px;	
	display:block;
	z-index:100;
}
.oxygen-circle-4{
	background:url(../images/magic-circle/oxygen/blue_background_09.png) left -26px no-repeat;
	position: absolute;
	margin: -188px 0 0 29px;
	*background:url(../images/magic-circle/oxygen/blue_background_09.png) -3px -26px no-repeat;
	*margin: -182px 0 0 29px;    
    *position: relative;
	width:188px;
	height:175px;	
	display:block;
	z-index:100;
}
/*.oxygen-circle-15{
	background:url(../images/magic-circle/oxygen/blue_background_010.png) left -23px no-repeat;
	position: absolute;
	margin: -192px 0 0 29px;
	*background:url(../images/magic-circle/oxygen/blue_background_010.png) -3px -12px no-repeat;
	*margin: -190px 0 0 29px;    
    *position: relative;
	width:188px;
	height:190px;	
	display:block;
	z-index:100;
}*/
.magic-circle-container-oxygen .service-circle-1{
	background:url(../images/magic-circle/oxygen/service_circle.png) left top no-repeat;
	color: #406da9;
    display: block;
    height: 20px;
    margin: 2px 0 0 -14px;
	*margin: 2px 0 0 -205px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oxygen .service-circle-6{
	background:url(../images/magic-circle/oxygen/service_circle.png) left top no-repeat;
	color: #406da9;
    display: block;
    height: 20px;
    margin: 4px 0 0 -10px;
	*margin: 2px 0 0 -201px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oxygen .service-circle-8{
	background:url(../images/magic-circle/oxygen/service_circle.png) left top no-repeat;
	color: #406da9;
    display: block;
    height: 20px;
    margin: 4px 0 0 -7px;
	*margin: 2px 0 0 -195px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oxygen .service-circle-9{
	background:url(../images/magic-circle/oxygen/service_circle.png) left top no-repeat;
	color: #406da9;
    display: block;
    height: 20px;
    margin: 4px 0 0 7px;
	*margin: 2px 0 0 -185px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oxygen .service-circle-10{
	background:url(../images/magic-circle/oxygen/service_circle.png) left top no-repeat;
	color: #406da9;
    display: block;
    height: 20px;
    margin: -1px 0 0 28px;
	*margin: 1px 0 0 -165px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oxygen .service-circle-11{
	background:url(../images/magic-circle/oxygen/service_circle.png) left top no-repeat;
	color: #406da9;
    display: block;
    height: 20px;
    margin: -4px 0 0 54px;
	*margin: -5px 0 0 -138px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oxygen .service-circle-12{
	background:url(../images/magic-circle/oxygen/service_circle.png) left top no-repeat;
	color: #406da9;
    display: block;
    height: 20px;
    margin: -8px 0 0 85px;
	*margin: -8px 0 0 -108px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oxygen .service-circle-14{
	background:url(../images/magic-circle/oxygen/service_circle.png) left top no-repeat;
	color: #406da9;
    display: block;
    height: 20px;
    margin: -13px 0 0 116px;
	*margin: -13px 0 0 -75px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oxygen .service-circle-4{
	background:url(../images/magic-circle/oxygen/service_circle.png) left top no-repeat;
	color: #406da9;
    display: block;
    height: 20px;
    margin: -17px 0 0 143px;
	*margin: -16px 0 0 -48px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
/*.magic-circle-container-oxygen .service-circle-15{
	background:url(../images/magic-circle/oxygen/service_circle.png) left top no-repeat;
	color: #406da9;
    display: block;
    height: 20px;
    margin: -17px 0 0 168px;
	*margin: -6px 0 0 -22px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}*/
/*---------------------- oxygen circle styles ends ----------------------*/

/*---------------------- oasis circle styles starts ----------------------*/
.magic-circle-container-oasis{position:relative;width:216px;height:235px;margin:10px 0 0;*margin:10px 10px 0 0;text-align:right;}

.oasis-center-circle{
	background:url(../images/magic-circle/oasis/oasis_circle_center.png) right bottom no-repeat;
	position: absolute;
	margin:-47px 0 0 166px;
	*margin: 165px 0 0 -58px; 
	width:55px;
	height:48px;
	display:block;
	z-index:100;
}
.oasis-circle-1{
	background:url(../images/magic-circle/oasis/green_background_01.png) left -188px no-repeat;
	position: absolute;
	margin: -26px 0 0 29px;
	*background:url(../images/magic-circle/oasis/green_background_01.png) -2px -190px no-repeat;
	*margin: -27px 0 0 29px;    
    *position: relative;
	width:188px;
	height:29px;
	display:block;
	z-index:100;
}
.oasis-circle-6{
	background:url(../images/magic-circle/oasis/green_background_02.png) left -163px no-repeat;
	position: absolute;
	margin: -51px 0 0 27px;
	*background:url(../images/magic-circle/oasis/green_background_02.png) -3px -166px no-repeat;
	*margin: -54px 0 0 27px;    
    *position: relative;
	width:188px;
	height:50px;	
	display:block;
	z-index:100;
}
.oasis-circle-7{
	background:url(../images/magic-circle/oasis/green_background_03.png) left -108px no-repeat;
	position: absolute;
	margin: -107px 0 0 29px;
	*background:url(../images/magic-circle/oasis/green_background_03.png) -3px -109px no-repeat;
	*margin: -107px 0 0 29px;    
    *position: relative;
	width:188px;
	height:106px;	
	display:block;
	z-index:100;
}
/*.oasis-circle-9{
	background:url(../images/magic-circle/oasis/green_background_04.png) left -106px no-repeat;
	position: absolute;
	margin: -107px 0 0 29px;
	*background:url(../images/magic-circle/oasis/green_background_04.png) -3px -108px no-repeat;
	*margin: -100px 0 0 29px;    
    *position: relative;
	width:188px;
	height:103px;	
	display:block;
	z-index:100;
}*/
.oasis-circle-9{
	background:url(../images/magic-circle/oasis/green_background_05.png) left -56px no-repeat;
	position: absolute;
	margin: -159px 0 0 29px;
	*background:url(../images/magic-circle/oasis/green_background_05.png) -3px -56px no-repeat;
	*margin: -159px 0 0 29px;    
    *position: relative;
	width:188px;
	height:150px;	
	display:block;
	z-index:100;
}
/*.oasis-circle-11{
	background:url(../images/magic-circle/oasis/green_background_06.png) left -57px no-repeat;
	position: absolute;
	margin: -157px 0 0 29px;
	*background:url(../images/magic-circle/oasis/green_background_06.png) -3px -57px no-repeat;
	*margin: -150px 0 0 29px;    
    *position: relative;
	width:188px;
	height:147px;	
	display:block;
	z-index:100;
}*/
.oasis-circle-10{
	background:url(../images/magic-circle/oasis/green_background_07.png) left -40px no-repeat;
	position: absolute;
	margin: -174px 0 0 29px;
	*background:url(../images/magic-circle/oasis/green_background_07.png) -3px -40px no-repeat;
	*margin: -165px 0 0 29px;    
    *position: relative;
	width:188px;
	height:164px;	
	display:block;
	z-index:100;
}
.oasis-circle-11{
	background:url(../images/magic-circle/oasis/green_background_08.png) left -31px no-repeat;
	position: absolute;
	margin: -183px 0 0 29px;
	*background:url(../images/magic-circle/oasis/green_background_08.png) -3px -31px no-repeat;
	*margin: -172px 0 0 29px;    
    *position: relative;
	width:188px;
	height:175px;	
	display:block;
	z-index:100;
}
.oasis-circle-12{
	background:url(../images/magic-circle/oasis/green_background_09.png) left -26px no-repeat;
	position: absolute;
	margin: -188px 0 0 29px;
	*background:url(../images/magic-circle/oasis/green_background_09.png) -3px -26px no-repeat;
	*margin: -179px 0 0 29px;    
    *position: relative;
	width:188px;
	height:175px;	
	display:block;
	z-index:100;
}
/*.oasis-circle-15{
	background:url(../images/magic-circle/oasis/green_background_010.png) left -23px no-repeat;
	position: absolute;
	margin: -192px 0 0 29px;
	*background:url(../images/magic-circle/oasis/green_background_010.png) -3px -12px no-repeat;
	*margin: -190px 0 0 29px;    
    *position: relative;
	width:188px;
	height:190px;	
	display:block;
	z-index:100;
}*/
.magic-circle-container-oasis .service-circle-1{
	background:url(../images/magic-circle/oasis/service_circle.png) left top no-repeat;
	color: #0e9048;
    display: block;
    height: 20px;
    margin: 2px 0 0 -14px;
	*margin: 2px 0 0 -205px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oasis .service-circle-6{
	background:url(../images/magic-circle/oasis/service_circle.png) left top no-repeat;
	color: #0e9048;
    display: block;
    height: 20px;
    margin: 4px 0 0 -10px;
	*margin: 2px 0 0 -201px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oasis .service-circle-7{
	background:url(../images/magic-circle/oasis/service_circle.png) left top no-repeat;
	color: #0e9048;
    display: block;
    height: 20px;
    margin: 4px 0 0 -7px;
	*margin: 2px 0 0 -195px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
/*.magic-circle-container-oasis .service-circle-9{
	background:url(../images/magic-circle/oasis/service_circle.png) left top no-repeat;
	color: #0e9048;
    display: block;
    height: 20px;
    margin: 4px 0 0 7px;
	*margin: 2px 0 0 -185px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}*/
.magic-circle-container-oasis .service-circle-9{
	background:url(../images/magic-circle/oasis/service_circle.png) left top no-repeat;
	color: #0e9048;
    display: block;
    height: 20px;
    margin: -1px 0 0 28px;
	*margin: 1px 0 0 -165px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
/*.magic-circle-container-oasis .service-circle-11{
	background:url(../images/magic-circle/oasis/service_circle.png) left top no-repeat;
	color: #0e9048;
    display: block;
    height: 20px;
    margin: -4px 0 0 54px;
	*margin: -5px 0 0 -138px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}*/
.magic-circle-container-oasis .service-circle-10{
	background:url(../images/magic-circle/oasis/service_circle.png) left top no-repeat;
	color: #0e9048;
    display: block;
    height: 20px;
    margin: -8px 0 0 85px;
	*margin: -8px 0 0 -108px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oasis .service-circle-11{
	background:url(../images/magic-circle/oasis/service_circle.png) left top no-repeat;
	color: #0e9048;
    display: block;
    height: 20px;
    margin: -13px 0 0 116px;
	*margin: -13px 0 0 -75px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-oasis .service-circle-12{
	background:url(../images/magic-circle/oasis/service_circle.png) left top no-repeat;
	color: #0e9048;
    display: block;
    height: 20px;
    margin: -17px 0 0 143px;
	*margin: -16px 0 0 -48px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
/*.magic-circle-container-oasis .service-circle-15{
	background:url(../images/magic-circle/oasis/service_circle.png) left top no-repeat;
	color: #0e9048;
    display: block;
    height: 20px;
    margin: -17px 0 0 168px;
	*margin: -6px 0 0 -22px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}*/
/*---------------------- oasis circle styles ends ----------------------*/

/*---------------------- omni circle styles starts ----------------------*/
.magic-circle-container-omni{position:relative;width:216px;height:235px;margin:10px 0 0;*margin:10px 10px 0 0;text-align:right;}

.omni-center-circle{
	background:url(../images/magic-circle/omni/omni_circle_center.png) right bottom no-repeat;
	position: absolute;
	margin:-47px 0 0 166px;
	*margin: 165px 0 0 -58px; 
	width:55px;
	height:48px;
	display:block;
	z-index:100;
}
.omni-circle-1{
	background:url(../images/magic-circle/omni/purple_background_01.png) left -188px no-repeat;
	position: absolute;
	margin: -26px 0 0 29px;
	*background:url(../images/magic-circle/omni/purple_background_01.png) -2px -190px no-repeat;
	*margin: -27px 0 0 29px;    
    *position: relative;
	width:188px;
	height:29px;
	display:block;
	z-index:100;
}
.omni-circle-2{
	background:url(../images/magic-circle/omni/purple_background_02.png) left -163px no-repeat;
	position: absolute;
	margin: -51px 0 0 28px;
	*background:url(../images/magic-circle/omni/purple_background_02.png) -3px -166px no-repeat;
	*margin: -53px 0 0 30px;    
    *position: relative;
	width:188px;
	height:50px;	
	display:block;
	z-index:100;
}
.omni-circle-3{
	background:url(../images/magic-circle/omni/purple_background_03.png) left -136px no-repeat;
	position: absolute;
	margin: -77px 0 0 29px;
	*background:url(../images/magic-circle/omni/purple_background_03.png) -3px -137px no-repeat;
	*margin: -79px 0 0 29px;    
    *position: relative;
	width:188px;
	height:71px;	
	display:block;
	z-index:100;
}
.omni-circle-4{
	background:url(../images/magic-circle/omni/purple_background_04.png) left -106px no-repeat;
	position: absolute;
	margin: -107px 0 0 29px;
	*background:url(../images/magic-circle/omni/purple_background_04.png) -3px -108px no-repeat;
	*margin: -100px 0 0 29px;    
    *position: relative;
	width:188px;
	height:103px;	
	display:block;
	z-index:100;
}
.omni-circle-5{
	background:url(../images/magic-circle/omni/purple_background_05.png) left -80px no-repeat;
	position: absolute;
	margin: -134px 0 0 28px;
	*background:url(../images/magic-circle/omni/purple_background_05.png) -3px -80px no-repeat;
	*margin: -131px 0 0 29px;    
    *position: relative;
	width:188px;
	height:126px;	
	display:block;
	z-index:100;
}
.omni-circle-10{
	background:url(../images/magic-circle/omni/purple_background_06.png) left -72px no-repeat;
	position: absolute;
	margin: -142px 0 0 28px;
	*background:url(../images/magic-circle/omni/purple_background_06.png) -3px -72px no-repeat;
	*margin: -134px 0 0 29px;    
    *position: relative;
	width:188px;
	height:126px;	
	display:block;
	z-index:100;
}
.omni-circle-11{
	background:url(../images/magic-circle/omni/purple_background_07.png) left -57px no-repeat;
	position: absolute;
	margin: -157px 0 0 28px;
	*background:url(../images/magic-circle/omni/purple_background_07.png) -3px -57px no-repeat;
	*margin: -141px 0 0 29px;    
    *position: relative;
	width:188px;
	height:147px;	
	display:block;
	z-index:100;
}
.omni-circle-12{
	background:url(../images/magic-circle/omni/purple_background_08.png) left -40px no-repeat;
	position: absolute;
	margin: -174px 0 0 29px;
	*background:url(../images/magic-circle/omni/purple_background_08.png) -3px -40px no-repeat;
	*margin: -165px 0 0 29px;    
    *position: relative;
	width:188px;
	height:164px;	
	display:block;
	z-index:100;
}
.omni-circle-13{
	background:url(../images/magic-circle/omni/purple_background_09.png) left -31px no-repeat;
	position: absolute;
	margin: -183px 0 0 29px;
	*background:url(../images/magic-circle/omni/purple_background_09.png) -3px -31px no-repeat;
	*margin: -175px 0 0 29px;    
    *position: relative;
	width:188px;
	height:175px;	
	display:block;
	z-index:100;
}
.omni-circle-14{
	background:url(../images/magic-circle/omni/purple_background_010.png) left -26px no-repeat;
	position: absolute;
	margin: -188px 0 0 29px;
	*background:url(../images/magic-circle/omni/purple_background_010.png) -3px -26px no-repeat;
	*margin: -182px 0 0 29px;    
    *position: relative;
	width:188px;
	height:175px;	
	display:block;
	z-index:100;
}
.omni-circle-15{
	background:url(../images/magic-circle/omni/purple_background_011.png) left -23px no-repeat;
	position: absolute;
	margin: -192px 0 0 29px;
	*background:url(../images/magic-circle/omni/purple_background_011.png) -3px -12px no-repeat;
	*margin: -190px 0 0 29px;    
    *position: relative;
	width:188px;
	height:190px;	
	display:block;
	z-index:100;
}
.magic-circle-container-omni .service-circle-1{
	background:url(../images/magic-circle/omni/service_circle.png) left top no-repeat;
	color: #71699a;
    display: block;
    height: 20px;
    margin: 2px 0 0 -14px;
	*margin: 2px 0 0 -205px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-omni .service-circle-2{
	background:url(../images/magic-circle/omni/service_circle.png) left top no-repeat;
	color: #71699a;
    display: block;
    height: 20px;
    margin: 4px 0 0 -10px;
	*margin: 2px 0 0 -201px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-omni .service-circle-3{
	background:url(../images/magic-circle/omni/service_circle.png) left top no-repeat;
	color: #71699a;
    display: block;
    height: 20px;
    margin: 4px 0 0 -7px;
	*margin: 2px 0 0 -195px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-omni .service-circle-4{
	background:url(../images/magic-circle/omni/service_circle.png) left top no-repeat;
	color: #71699a;
    display: block;
    height: 20px;
    margin: 4px 0 0 7px;
	*margin: 2px 0 0 -185px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-omni .service-circle-5{
	background:url(../images/magic-circle/omni/service_circle.png) left top no-repeat;
	color: #71699a;
    display: block;
    height: 20px;
    margin: 3px 0 0 21px;
	*margin: 3px 0 0 -165px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-omni .service-circle-10{
	background:url(../images/magic-circle/omni/service_circle.png) left top no-repeat;
	color: #71699a;
    display: block;
    height: 20px;
    margin: -8px 0 0 40px;
	*margin: -8px 0 0 -152px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-omni .service-circle-11{
	background:url(../images/magic-circle/omni/service_circle.png) left top no-repeat;
	color: #71699a;
    display: block;
    height: 20px;
    margin: -10px 0 0 59px;
	*margin: -10px 0 0 -130px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-omni .service-circle-12{
	background:url(../images/magic-circle/omni/service_circle.png) left top no-repeat;
	color: #71699a;
    display: block;
    height: 20px;
    margin: -8px 0 0 85px;
	*margin: -8px 0 0 -108px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-omni .service-circle-13{
	background:url(../images/magic-circle/omni/service_circle.png) left top no-repeat;
	color: #71699a;
    display: block;
    height: 20px;
    margin: -13px 0 0 116px;
	*margin: -13px 0 0 -75px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-omni .service-circle-14{
	background:url(../images/magic-circle/omni/service_circle.png) left top no-repeat;
	color: #71699a;
    display: block;
    height: 20px;
    margin: -17px 0 0 143px;
	*margin: -16px 0 0 -48px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
.magic-circle-container-omni .service-circle-15{
	background:url(../images/magic-circle/omni/service_circle.png) left top no-repeat;
	color: #71699a;
    display: block;
    height: 20px;
    margin: -17px 0 0 168px;
	*margin: -6px 0 0 -22px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 111111111;
}
/*---------------------- omni circle styles ends ----------------------*/