#win_1146170 {
border: 1px solid #c2e7ef;
width: 160%;
text-align: center;
margin: 0 auto;
}
#win_header_1146170 {
background-color: #c2e7ef;
height: 20px;
line-height: 20px;
}
#win_header_text_1146170 {
font-size: 12px;
color: #006b8b;
font-weight: bold;
text-decoration:none;
}
#win_flash_1146170 {
height: 100%;
}

#win_1179806 {
border: 1px solid #c2e7ef;
width: 160%;
text-align: center;
margin: 0 auto;
}
#win_header_1179806 {
background-color: #c2e7ef;
height: 20px;
line-height: 20px;
}
#win_header_text_1179806 {
font-size: 12px;
color: #006b8b;
font-weight: bold;
text-decoration:none;
}
#win_flash_1179806 {
height: 100%;
}

#win_1180684 {
border: 1px solid #c2e7ef;
width: 160%;
text-align: center;
margin: 0 auto;
}
#win_header_1180684 {
background-color: #c2e7ef;
height: 20px;
line-height: 20px;
}
#win_header_text_1180684 {
font-size: 12px;
color: #006b8b;
font-weight: bold;
text-decoration:none;
}
#win_flash_1180684 {
height: 100%;
}

body {
	direction: rtl;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #737373;
	background-color: #ffffff;
	margin: 0;
	background-image: url(/image/users/28703/bgcolor/2287030550800.png);
	background-position: top center;
	background-repeat: repeat-x;
}
/* Websites Accessibility
----------------------------------*/
.sop-screen-readers-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
/* Inputs & Placeholders
----------------------------------*/
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
}
::-webkit-input-placeholder { /* WebKit browsers */
	direction: rtl !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	direction: rtl !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	direction: rtl !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	direction: rtl !important;
}
.bgcolorTable {
	background-color: #ffffff;
	background-image: url(/image/users/28703/bgcolor/1287030377908.png);
	background-position: top center;
	background-repeat: no-repeat;
}
a {
	color: #006b8b;
}
a.changeLink14 {
	text-decoration: underline;
	color: #006b8b;
}
a.changeLink12 {
	text-decoration: underline;
	color: #006b8b;
}
a.changeLink10 {
	text-decoration: underline;
	color: #006b8b;
}
TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color:#737373;
}
.CenterTable {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	direction: rtl;
}
.tableColor {
	background-color: #f2f2f2;
	FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=100,finishOpacity=0,startX=50,finishX=20,startY=50,finishY=255);
	color: #545454;
}
.menuTextColor {
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	color: #ffffff;
}
.menuTextOverColor {
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	color: #ff8800;
}
.subMenuTextColor {
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
}
.subMenuTextOverColor {
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color:#ffffff;
}
.SideMenuSetting {
	width: 150px;
	background-color: #fafafa;
}
.SideMenuSetting_Right {
	width: 150px;
	background-color: #fafafa;
}
.SideMenuSetting_Left {
	width: 20px;
	background-color: ;
	background-image: url(/image/users/28703/bgcolor/55328703.jpg);
	background-position: top right;
	background-repeat: repeat;
}
.menuD5431 {
	position: relative; border: 1px solid #ffffff; cursor: pointer; height: 25px;
}
.menuD5432 {
	position: relative; border: 1px solid #ffffff; height: 25px;
}
.backgroundToolRight {
	background-color: #c2e7ef;
}

.backgroundToolLeft {
	background-color: #8bc521;
}

/* This class is for main container of the menu bar */
div.MenuBarVerticalContainerLeft {
	margin: 0 3px 0 1px;
}

div.MenuBarVerticalContainerRight {
	margin: 0 1px 0 3px
}

/* This class is for main container of the menu bar */
ul.MenuBarVertical {
	width: 80%;
	margin: 0 auto 0 0;
	padding: 0;
	font-size: 100%;
	cursor: default;
	list-style-type: none;
	direction: ltr;
	z-index: 900 !important;
}

/* this class is active my the java-script code so dont delete this!!, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
	z-index: 1000;
}

/* This class is for menu item containers of the main container, the width of the children must be the same as the width of the parent (the main container) */
ul.MenuBarVertical li {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0 0 2px 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	text-align: left;
	direction: ltr;
}

/* This is the sub-container properties */
/* Submenus should appear slightly overlapping to the right (X%) and up (-Y%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul {
	width: 100%;
	margin: 0 0 0 100%;
	padding: 0;
	font-size: 100%;
	list-style-type: none;
	position: absolute;
	z-index: 1020;
	cursor: default;
	left: -1000em;
	display: none;
	top: 0;
}

/* This class is active by java-script, we set left/right to 100% so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible {
	margin: 0;
	left: 100%;
	display: block;
}

/* Set the border for the main-container (ul) */
ul.MenuBarVertical {
	border: 0 solid transparent;
}

/* Set the border for all the sub-container's (ul) */
ul.MenuBarVertical ul {
	border: 1px solid #FFFFFF;
}

/* This is the sub-container item container properties */
/* Menu item containers are same fixed width as parent ,the width of the children must be the same as the width of the parent (the sub-container) */
ul.MenuBarVertical ul li {
	width: 100%;
	margin: 0;
	border-bottom: 2px solid #FFFFFF;
}

/* Define setting for the background-image/background-color of the main container li tag's */
ul.MenuBarVertical div.MainMenuBarBackgrounImage {
	width: 100%;
	background-color: #ffffff;
}

/* Define setting for all the a tag in the main-container */
ul.MenuBarVertical a {
	width: 94%;
	padding: 2px 0 2px 0;
	padding-right: 3%;
	padding-left: 3%;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	color: #757575;
	direction: ltr;
	text-align: left;
}

/* Define setting for all the a tag in the sub-container's */
ul.MenuBarVertical ul li a {
	color: #000000;
	background-color: #e0e0e0;
	font-size: 12px;
}

/* Define setting for all the a tag: hover in the main-container */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus {
	background-color: #ffffff;
	color: #454545;
	text-decoration: none;
}

/* Define setting for all the a tag: hover in the sub-container's */
ul.MenuBarVertical ul li a:hover, ul.MenuBarVertical ul li a:focus {
	color: #000000;
	background-color: #e8e8e8;
}

/* Define setting for a tag:hover background image position of the main-container */
ul.MenuBarVertical a.MenuBarItemSubmenu {
	background-image: url(/images/icons/bollWhiteEn.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}

/* Define setting for a tag:hover background image position of the sub-container's */
ul.MenuBarVertical a.MenuBarItemSubmenuHover {
	background-image: url(/images/icons/bollWhiteEn.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}

/* Define setting for menu item that are open (when you select a menu and go in to his sub-menu there is a line mark ) */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible {
color: #454545;
	background-color: #ffffff;
}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe {
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
ul.MenuBarVertical li.MenuBarItemIE {
	display: inline;
	f\loat: left;
}

}

/* Mobile Responsive
----------------------------------*/
#mobileToolbarMenu {
	width: 100%;
	height: 50px;
	line-height: 50px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	display: table;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	background-color: #3C3C3C;
	border-bottom: 1px solid #111111;
}
#mobileToolbarMenu .mobileHeader {
	display: table-cell;
	width: 80%;
	padding: 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle
}
#mobileToolbarMenu .mobileMenu {
	display: none;
	width: 10%;
	text-align: left;
	z-index: 1;
	cursor: pointer;
	vertical-align: middle
}
#mobileToolbarMenu .mobileMenu .mobileMenuBun {
	text-align: center;
	margin: 0 auto;
	width: 24px;
	height: 24px;
	background-image: url(/site/include/newfeel/website3/ManageByDrag/images/icons/menuWhiteSmall.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#mobileToolbarMenu .mobilePhone {
	display: none;
	width: 10%;
	text-align: right;
	z-index: 1;
	cursor: pointer;
	vertical-align: middle
}
#mobileToolbarMenu .mobilePhone .mobilePhoneBun {
	text-align: center;
	margin: 0 auto;
	width: 24px;
	height: 24px;
	background-image: url(/Images/iconCleanV1/white/24x24/phone_speech_bubble.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
ul.MobileMenuHorizontal {
	position: absolute;
	left: 0;
	top: 47px;
	padding: 0;
	list-style-type: none;
	background-color: #3c3c3c;
	margin: 0;
}

ul.MobileMenuHorizontal li {
	display: list-item;
	padding: 0;
	list-style-type: none;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	float: none;
}

ul.MobileMenuHorizontal li > a {
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

ul.MobileMenuHorizontal > li ul {
	padding: 5px;
}

.FixedToScreen {
	visibility: hidden;
}

/* Anchor Button General Style */
a.anchor-button{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 0.5em 2em 0.55em;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
a.anchor-button:hover{
	text-decoration: none;
}
a.anchor-button:active{
	position: relative;
	top: 1px;
}
/* Anchor Button Style 1 */
a.anchor-button.style-1{
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	background-image: -ms-linear-gradient(top,#666666 0%,#000000 100%);
}
a.anchor-button.style-1:hover{
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	background-image: -ms-linear-gradient(top,#444444 0%,#000000 100%);
}
a.anchor-button.style-1:active{
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	background-image: -ms-linear-gradient(top,#000000 0%,#666666 100%);
}
/* Anchor Button White Style 2 */
a.anchor-button.style-2{
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
	background-image: -ms-linear-gradient(top,#ffffff 0%,#ededed 100%);
}
a.anchor-button.style-2:hover{
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top, #fff, #dcdcdc);
	background-image: -ms-linear-gradient(top,#ffffff 0%,#dcdcdc 100%);
}
a.anchor-button.style-2:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top, #ededed, #fff);
	background-image: -ms-linear-gradient(top,#ededed 0%,#ffffff 100%);
}
/* Anchor Button White Style 3 */
a.anchor-button.style-3{
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	background-image: -ms-linear-gradient(top,#00adee 0%,#0078a5 100%);
}
a.anchor-button.style-3:hover{
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top, #0095cc, #00678e);
	background-image: -ms-linear-gradient(top,#0095cc 0%,#00678e 100%);
}
a.anchor-button.style-3:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
	background-image: -ms-linear-gradient(top,#0078a5 0%,#00adee 100%);
}
@font-face {  

 font-family: 'TypographLight';
 src: url('http://195.28.180.70/~asaf/fonts/tipograflightwebfont.eot'); 
 src: url('http://195.28.180.70/~asaf/fonts/tipograflightwebfont.eot?#iefix') format('embedded-opentype'), 
      url('http://195.28.180.70/~asaf/fonts/tipograflightwebfont.woff') format('woff'),   
    url('http://195.28.180.70/~asaf/fonts/tipograflightwebfont.ttf') format('truetype'),     
  url('http://195.28.180.70/~asaf/fonts/tipograflightwebfont.svg') format('svg');


}




.bgcolorTable{
  
  background-color:transparent !important;
  
}

.SideMenuSetting_Right
{
      
  background-color:transparent !important;
  
}
ul.MenuBarVertical div.MainMenuBarBackgrounImage {
    background-color:transparent !important;

}
ul.MenuBarVertical a {
      text-align: center !important;}
  

#topMenuContainer
{
     background-color:transparent !important; 
}
.MenuBarItemHover
{
     background-color:transparent !important; 
}
#MenuWebsite_HeaderTopMenu_TD
{
    background-color:transparent !important;
}
    background-color:transparent !important;
}
/*
/*
===================================================
AUTHOR:LeafCode (leafcode.hatlabs.com) 
DATE:02 July,2012 
VERSION:1.01. 
DESCRIPTION:Responsive CSS3 Pricing tables
COLOR:Purple
===================================================
CSS Content
===================================================
0.   Reset and Clearing
1.   Base Pricing tables style - Purple 
1.1. Columns 
1.2. First column (Choose your plan) 
1.3. Purple pricing table 
1.4. Button
2.   Tablet Landscape Size
3.   Mobile Landscape Size and Tablet Portrait Size
4.   Mobile Portrait Size
===================================================
0. Reset and Clearing
===================================================
*/ 
body {
	background:#fff;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
#pricing-tables ol,
#pricing-tables ul,
#pricing-tables li,
#pricing-tables h3,
#pricing-tables h4,
#pricing-tables h5 {
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
.clearfix:before,
.clearfix:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	zoom:1;
}
/*
===================================================
1. Base Pricing tables style - Purple
===================================================
1.1. Columns
===================================================
*/ 
ul#pricing-tables {
	width:774px;
	padding:0px 0;
	margin:0 auto;
	display:block;
	position:relative;
}
ul#pricing-tables li.one-fifth,
ul#pricing-tables li.one-fourth,
ul#pricing-tables li.one-third {
	float:left;
	display:inline-block;
	position:relative;
}
ul#pricing-tables li.one-fifth {
	width:192px;
}
ul#pricing-tables li.one-fourth {
	width:240px;
}
ul#pricing-tables li.one-third {
	width:320px;
}
ul#pricing-tables li.one-fifth ul,
ul#pricing-tables li.one-fourth ul,
ul#pricing-tables li.one-third ul {
	float:left;
	display:inline-block;
	margin:0;
	padding:0;
	position:relative;
}
ul#pricing-tables li.one-fifth ul {
	width:192px;
}
ul#pricing-tables li.one-fourth ul {
	width:240px;
}
ul#pricing-tables li.one-third ul {
	width: 320px;
}
/*
===================================================
1.2. First column (Choose your plan)
===================================================
*/
ul#pricing-tables li.plan ul li {
	border-left:1px solid #e2e2e2;
}
ul#pricing-tables li.plan ul li.name {
	border-left:1px solid #e2e2e2;
	border-bottom:1px solid #fff;
	border-top:1px solid #e2e2e2;
	height:48px;
}
ul#pricing-tables li.plan ul li.price {
	background:#f8f8f8;
	background:-moz-linear-gradient(top,#f8f8f8 0%,#f4f4f4 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8f8f8),color-stop(100%,#f4f4f4));
	background:-webkit-linear-gradient(top,#f8f8f8 0%,#f4f4f4 100%);
	background:-o-linear-gradient(top,#f8f8f8 0%,#f4f4f4 100%);
	background:-ms-linear-gradient(top,#f8f8f8 0%,#f4f4f4 100%);
	background:linear-gradient(top,#f8f8f8 0%,#f4f4f4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8',endColorstr='#f4f4f4',GradientType=0 );
	border:1px solid #e2e2e2;
	border-right:0;
	padding:0;
	height:72px;
	-webkit-box-shadow:inset 0px 0px 5px 0px #fff;
	-moz-box-shadow:inset 0px 0px 5px 0px #fff;
	box-shadow:inset 0px 0px 5px 0px #fff;
}
ul#pricing-tables li.plan ul li.name h3 {
	text-shadow:0px 1px 1px #fff;
	color:#8e388e;
	padding:17px 10px 17px;
}
ul#pricing-tables li.plan ul li.price h4 {
	padding:28px 15px;
	font:normal 16px/18px Arial,Helvetica,sans-serif;
	height:18px;
	text-align:center;
	text-shadow:0px 1px 1px #fff;
	color:#585858;
}
ul#pricing-tables li.plan ul li.even {
	border-left:1px solid #e2e2e2;
}
ul#pricing-tables li.plan ul li.odd {
	border-left:1px solid #e2e2e2;
}
ul#pricing-tables li.plan ul:hover {
	position:relative;
	top:0;
	-webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}
/* 
===================================================
1.3. Purple pricing table
===================================================
*/ 
ul#pricing-tables li ul li {
	padding:15px 10px;
	text-align:center;
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	background:#f4f4f4;
	color:#585858;
	display:block;
	font:normal 12px/20px Arial,Helvetica,sans-serif;
}
ul#pricing-tables li ul li h5 {
	text-align:center;
	padding:0 10px 15px;
	font:bold 12px/20px Arial,Helvetica,sans-serif;
	color:#8e388e;
	display:none;
}
ul#pricing-tables li ul li.name {
	background:#ffffff;
	background:-moz-linear-gradient(top,#ffffff 0%,#f4f4f4 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#f4f4f4));
	background:-webkit-linear-gradient(top,#ffffff 0%,#f4f4f4 100%);
	background:-o-linear-gradient(top,#ffffff 0%,#f4f4f4 100%);
	background:-ms-linear-gradient(top,#ffffff 0%,#f4f4f4 100%);
	background:linear-gradient(top,#ffffff 0%,#f4f4f4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#f4f4f4',GradientType=0 );
	height:48px;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #fff;
}
ul#pricing-tables li ul li.price {
	height:72px;
	padding:0;
	background:#a968a9;
	background:-moz-linear-gradient(top,#a968a9 0%,#8e388e 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a968a9),color-stop(100%,#8e388e));
	background:-webkit-linear-gradient(top,#a968a9 0%,#8e388e 100%);
	background:-o-linear-gradient(top,#a968a9 0%,#8e388e 100%);
	background:-ms-linear-gradient(top,#a968a9 0%,#8e388e 100%);
	background:linear-gradient(top,#a968a9 0%,#8e388e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a968a9',endColorstr='#8e388e',GradientType=0 );
	border-left:1px solid #a842a8;
	border-top:1px solid #752e75;
	border-right:1px solid #752e75;
	border-bottom:1px solid #752e75;
	-webkit-box-shadow:inset 0px 0px 5px 0px #863b86;
	-moz-box-shadow:inset 0px 0px 5px 0px #863b86;
	box-shadow:inset 0px 0px 5px 0px #863b86;
}
ul#pricing-tables li ul li.name h3 {
	margin:0;
	text-align:center;
	padding:17px 10px 17px;
	font:normal 16px/16px Verdana,Arial,Helvetica,sans-serif;
	color:#585858;
	text-shadow:0px 1px 1px #fff;
}
ul#pricing-tables li ul li.price h4 {
	padding:27px 10px;
	font:normal 18px/18px Arial,Helvetica,sans-serif;
	height:18px;
	text-align:center;
	color:#fff;
	text-shadow:0px -1px 1px #888;
}
ul#pricing-tables li ul:hover {
	position:relative;
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
	z-index:10;
	display:block;
	top:-20px;
}
ul#pricing-tables li ul li.even {
	background:#f4f4f4;
}
ul#pricing-tables li ul li.odd {
	background:#f8f8f8;
}
ul#pricing-tables li ul li.button-row {
	padding:15px 10px;
	text-align:center;
	height:26px;
	background:#a968a9;
	background:-moz-linear-gradient(top,#a968a9 0%,#8e388e 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a968a9),color-stop(100%,#8e388e));
	background:-webkit-linear-gradient(top,#a968a9 0%,#8e388e 100%);
	background:-o-linear-gradient(top,#a968a9 0%,#8e388e 100%);
	background:-ms-linear-gradient(top,#a968a9 0%,#8e388e 100%);
	background:linear-gradient(top,#a968a9 0%,#8e388e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a968a9',endColorstr='#8e388e',GradientType=0 );
	border-left:1px solid #a842a8;
	border-top:1px solid #752e75;
	border-right:1px solid #752e75;
	border-bottom:1px solid #752e75;
}
/* 
=================================================== 
1.4. Button
===================================================
*/ 
ul#pricing-tables a.button {
	font:normal 12px/12px Verdana,Arial,Helvetica,sans-serif;
	text-decoration:none;
	color:#333;
	display:inline-block;
	text-align:center;
	height:12px;
	padding:6px 14px 8px 14px;
	border:1px solid #d9d9d9;
	background:#ffffff;
	background:-moz-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#eeeeee));
	background:-webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:-o-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:-ms-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0 );
	-webkit-box-shadow:inset 0px 0px 0px 1px #fff;
	-moz-box-shadow:inset 0px 0px 0px 1px #fff;
	box-shadow:inset 0px 0px 0px 1px #fff;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
}
ul#pricing-tables a.button:hover {
	background:#eeeeee;
	background:-moz-linear-gradient(top,#eeeeee 0%,#ffffff 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#eeeeee),color-stop(100%,#ffffff));
	background:-webkit-linear-gradient(top,#eeeeee 0%,#ffffff 100%);
	background:-o-linear-gradient(top,#eeeeee 0%,#ffffff 100%);
	background:-ms-linear-gradient(top,#eeeeee 0%,#ffffff 100%);
	background:linear-gradient(top,#eeeeee 0%,#ffffff 100%);
	filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0 );
}
/*
===================================================
2. Tablet Landscape Size
===================================================
*/
@media only screen and (min-width:768px) and (max-width:959px) {
	ul#pricing-tables {
		width:720px;
	}
	ul#pricing-tables li.one-fifth {
		width:144px;
	}
	ul#pricing-tables li.one-fourth {
		width:180px;
	}
	ul#pricing-tables li.one-third {
		width:240px;
	}
	ul#pricing-tables li.one-fifth ul {
		width:144px;
	}
	ul#pricing-tables li.one-fourth ul {
		width:180px;
	}
	ul#pricing-tables li.one-third ul {
		width: 240px;
	}
}
/*
===================================================
End Tablet Landscape Size
===================================================
3. Mobile Landscape Size and Tablet Portrait Size
===================================================
*/
@media only screen and (min-width:480px) and (max-width:767px) {
	ul#pricing-tables li ul li h5 {
		display:block;
	}
	ul#pricing-tables li.one-fifth.plan,
	ul#pricing-tables li.one-fourth.plan,
	ul#pricing-tables li.one-third.plan {
		display:none;
	}
	ul#pricing-tables {
		width:540px;
	}
	ul#pricing-tables li.one-fifth {
		width:135px;
	}
	ul#pricing-tables li.one-fourth {
		width:180px;
	}
	ul#pricing-tables li.one-third {
		width:270px;
	}
	ul#pricing-tables li.one-fifth ul {
		width:135px;
	}
	ul#pricing-tables li.one-fourth ul {
		width:180px;
	}
	ul#pricing-tables li.one-third ul {
		width:270px;
	}
	ul#pricing-tables li ul li {
		border-left: 1px solid #e2e2e2;
	}
}
/*
=================================================== 
End Mobile Landscape Size and Tablet Portrait Siz
=================================================== 
4. Mobile Portrait Size
===================================================
*/
@media only screen and (max-width:479px) {
	ul#pricing-tables li ul li h5 {
		display:block;
	}
	ul#pricing-tables li.one-fifth.plan,
	ul#pricing-tables li.one-fourth.plan,
	ul#pricing-tables li.one-third.plan {
		display:none;
	}
	ul#pricing-tables {
		width:300px;
	}
	ul#pricing-tables li.one-fifth {
		width:150px;
	}
	ul#pricing-tables li.one-fourth {
		width:300px;
	}
	ul#pricing-tables li.one-third {
		width:150px;
	}
	ul#pricing-tables li.one-fifth ul {
		width:150px;
	}
	ul#pricing-tables li.one-fourth ul {
		width:300px;
	}
	ul#pricing-tables li.one-third ul {
		width:150px;
	}
	ul#pricing-tables li ul li {
		border-left: 1px solid #e2e2e2;
	}
}
/*
===================================================
End Mobile Portrait Size
===================================================



*/