/*CSS Document*/

* {outline:0px; margin:0px;padding:0px;}

body{margin:0px;padding:0px;background:#FFFFFF url(../images/topbg.jpg) repeat-x top left;font-size:11px;}

div, span, p, td, from{margin:0px;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;}

img {border:0px;}
.ClearBoth{clear:both;}

h1{margin:0px;padding:0px;font-size:23px;color:#231f20;font-family:Georgia;line-height:30px;font-weight:normal;}
h2{margin:0px;padding:0px;font-size:18px;color:#5a5a5a;font-family:Georgia;line-height:25px;font-weight:normal;}
h3{margin:0px;padding:0px;font-size:31px;color:#5a5a5a;font-family:Georgia;line-height:35px;font-weight:normal;}
h3 span{color:#0093d0;font-size:27px;}

a.SpecialLink {color:#353434;text-decoration:underline;}
a.SpecialLink:hover{text-decoration:none;}

#Container{margin:0 auto;width:900px;}

/*Main Navigation Starts*/
.MenuLeft{float:left;width:8px;}
.MenuRight{float:left;width:8px;}
#MainNavigation{width:830px;float:left;padding:0px;background:url(../images/menubg.jpg) repeat-x bottom left;height:31px;text-align:center;}
#MainNavigation ul{margin:0px;padding:0px;display:block;}
#MainNavigation li{margin:0px;padding:10px 0px 2px 0px;list-style:none;float:left; background:url(../images/menusupport.jpg) no-repeat 0px 0px;text-align:center;}
#MainNavigation li a{padding:0px 14px;text-decoration:none;}
/*Main Navigation Ends*/

/*Header Section Starts*/
#Header{width:900px;float:left;height:188px;padding:0px;}
.Head1{width:500px;float:left;padding:10px 0px 0px 46px;height:148px;}
.Head2{width:327px;float:left;padding:0px 27px 0px 0px;height:158px;}
.Head3{width:846px;float:left;padding:0px 27px 0px 27px;height:31px;}

.logo{width:240px;padding:0px 0px 0px 40px;float:left;}

.TopLink{float:left;width:300px;background:url(../images/toplink_bg.jpg) no-repeat top left;height:23px;color:#FFFFFF;text-align:left;padding-left:25px;padding-top:5px;}
.TopLink a{color:#FFFFFF;text-decoration:none;text-transform:uppercase;font-size:9px;padding:0px 10px;font-weight:bold;}
.TopLink a:hover{text-decoration:underline;}

.TopLiveChet{float:left;width:325px;text-align:right;}
.TopLiveChet img{margin:15px 0px;}
/*Header Section Ends*/

/*Mid Content Starts*/
.Banner{float:left;width:863px;height:244px;padding:18px 21px 10px 16px;}
.SliderBg{width:864px;height:255px;float:left;background:url(../images/sliderbg.jpg) no-repeat top left;}
.SliderLink{text-align:center;display:block;font-size:16px;font-weight:bold;text-transform:uppercase;color:#FFFFFF;}
.SliderLink ul{margin:0px;padding:0px;}
.SliderLink li{margin:0px;padding:10px 0px;display:block;list-style:none;float:left;width:205px;}
.SliderLink li a{font-size:16px;font-weight:bold;text-transform:uppercase;color:#FFFFFF;text-decoration:none;padding:10px 0px;}
.SliderLink li a:hover{color:#000000;text-decoration:none;}
.SliderContent{
	float:left;
	width:863px;
	padding:1px;
	text-align:left;
	height: 210px;
}

.Namber{float:left;width:48px;}
.Namber img{padding:5px;}
.SliderImage{width:660px;float:left;text-align:right;padding-right:5px;}
.More{float:left;width:90px;padding-top:150px;text-align:left;  }

#Content{width:870px;float:left;padding:15px;}
.MidContent{float:left;width:654px;padding:0px 9px 0px 10px;}

.MidBoxOne{float:left;width:654px;padding:11px 0px 11px 0px;}
.Box0ne{width:205px;margin-left:9px;float:right;padding:0px;}
.Box0neTitle{background:url(../images/midboxtop1_bg.jpg) repeat-x top left;height:38px;width:180px;padding:5px 0px 2px 25px;}
.Box0neContent{float:left;background:url(../images/boxbg.jpg) repeat top left;width:185px;padding:10px 10px 18px 10px;}
.Box0neContent ul{margin:0px;padding:0px;}
.Box0neContent li{margin:0px;padding:6px 0px 6px 15px;list-style:none;background:url(../images/arrow_icon.jpg) no-repeat 0px 10px;text-align:left;color:#FFFFFF;font-weight:bold;}

.PricDiv{float:left;width:180px;height:50px;}
.price45{
	font-size:16px;
	color:#FFFFFF;
	padding-left:15px;
}
.price26{
	font-size:16px;
	color:#FFFFFF;
}
.price16{font-size:16px;color:#FFFFFF;}

.Hr{float:left;width:654px;text-align:center;}
/*Mid Content Ends*/


/*Left Side Content Starts*/
.LeftSide{float:left;width:196px;}
.LeftBoxButtom{float:left;width:196px;}
.CategariBoxTitle{background:url(../images/categari_bg.jpg) repeat-x top left;width:156px;height:15px;padding:15px 10px 15px 30px;color:#FFFFFF;font-size:17px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}
.CategariBoxTitle img{float:left;margin-right:5px;padding-top:2px;}
.CategariBoxContent{float:left;width:196px;background:url(../images/leftboxbg.jpg) repeat-y top left;}
.CategariBoxContent ul{margin:0px 0px 0px 5px;padding:0px;width:186px;}
.CategariBoxContent li{margin:0px;padding:15px ;display:block;list-style:none;text-align:center;border-bottom:1px solid #dedede;}
.CategariBoxContent li a{color:#333333;font-family:"Trebuchet MS";font-size:17px;font-weight:bold;text-decoration:none;background:url(../images/bullet.jpg) no-repeat 25px 6px;text-align:center;padding-left:10px;display:block;}
.CategariBoxContent li a:hover{color:#FE680A;text-decoration:none;}
.CategariBoxBottom{float:left;width:196px;}

.LeftCartDiv{float:left;width:196px;text-align:center;} 

/*Left Side Content Ends*/

/*Footer Starts*/
#Footer{width:880px;padding:10px;background:url(../images/footerbg.jpg) no-repeat 10px 0px;clear:both;height:138px;}
.FLink{float:right;width:640px;color:#000000;font-size:11px;font-family:Tahoma;padding:5px 15px;text-align:right;}
.FLink a{color:#000000;font-size:11px;font-family:Tahoma;text-decoration:none;font-weight:normal;padding:4px;}
.FLink a:hover{text-decoration:underline;}
.FCopy{float:right;width:870px;padding:20px 10px 18px 10px;line-height:18px;color:#000000;}
.FCopy span{color:#373737;font-size:12px;font-weight:bold;}
.FCopy a{color:#000000;font-size:11px;font-family:Tahoma;text-decoration:none;font-weight:bold;padding:2px;}
.FCopy a:hover{text-decoration:underline;}

.FCopy img{float:left;margin-right:8px;margin-left:10px;}
/*Footer Ends*/

.CategariBoxTitle2 {
	background:url(../images/categari_bg.jpg) repeat-x top left;
	width:618px;
	height:15px;
	padding:15px 10px 15px 30px;
	color:#FFFFFF;
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
.Box0neTitle2 {
	background:url(../images/midboxtop1_bg.jpg) repeat-x top left;
	height:38px;
	width:180px;
	padding:5px 0px 2px 20px;
}
.CategariBoxTitle3 {
	background:url(../images/categari_bg.jpg) repeat-x top left;
	width:160px;
	padding:15px 10px 15px 30px;
	color:#FFFFFF;
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-decoration: none;
}
.CategariBoxTitle4 {
	background:url(../images/categari_bg.jpg) repeat-x top left;
	width:auto;
	height:15px;
	padding:15px 10px 15px 30px;
	color:#FFFFFF;
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
.SliderBgvps {
	width:864px;
	height:255px;
	float:left;
	background:url(../images/slidevps.jpg) no-repeat top left;
}

.resell-line-divisor-dotted-bold {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;

/* previously in locale */
li#mainMenuItemShared, li#mainMenuItemDedicated, li#mainMenuItemManaged, li#mainMenuItemColo,
li#mainMenuItemShared:hover, li#mainMenuItemShared.over a, li#mainMenuItemShared.over a:hover,
li#mainMenuItemDedicated:hover, li#mainMenuItemDedicated.over a, li#mainMenuItemDedicated.over a:hover,
li#mainMenuItemManaged:hover, li#mainMenuItemManaged.over a, li#mainMenuItemManaged.over a:hover,
li#mainMenuItemColo:hover, li#mainMenuItemColo.over a, li#mainMenuItemColo.over a:hover
{
   background: url(/media/images/navSprites.png) no-repeat top left;
}

/* MAIN MENU */

#banner
{
   width: 100%;
   margin: 0 0 30px 0;
}

#mainMenu
{
   width: 100%;
   height: 36px;
   margin-bottom: 0; 
}

#mainMenu li
{
   float: left;
   position: relative;
   z-index: 60000;
   margin-bottom: 0;
}

#mainMenu li a
{
   float: left;
   text-indent: -9999px;
   display: block;
   width: 212px;
   height: 36px;
}

#mainMenu li#mainMenuItemShared a
{
   width: 214px;
}

/* Suckerfish dropdowns */

#mainMenu ul 
{
   position:absolute;
   z-index: 60000;
}

#mainMenu li ul
{
   display: none;
   position: absolute;
   top: 31px;
   left: -3px;
   width: 210px;
   z-index: 60000;
   background: url(/images/nav/menu-bg.png) no-repeat bottom left;
   padding: 10px 5px 5px 5px;
}

#mainMenu li li a
{
   color: #fff;
   text-decoration: none;
   display: block;
   font-size: 12px;
   float: none;
   text-indent: 0;
   margin: 0 0 2px 5px;
   line-height: 24px;
   height: 24px;
   background: none !important;
}

#mainMenu li.active.blackMenu a, #mainMenu li.active.cagesMenu a
{
   color: #fff;
}


#mainMenu li.active li a
{
   color: #336699;
}

#mainMenu li.active li a:hover
{
   color: #333;
}

#mainMenu li.active.blackMenu a:hover, #mainMenu li.active.cagesMenu a:hover
{
   color: #fbac39;
}


#mainMenu li li a:hover
{
   color: #fbac39;
}

#mainMenu li:hover ul, #mainMenu li.over ul
{
   display: block;
}

#mainMenu li.active
{
   text-indent: -9999px;
   display: block;
   width: 212px;
   height: 36px;
}

#mainMenu li#mainMenuItemShared.active li
{
   margin-left: 5px;
}

#mainMenu li#mainMenuItemShared.active
{
   width: 214px;
}


li#mainMenuItemShared
{
   background-position: 0px 0px;
}
li#mainMenuItemDedicated
{
   background-position: -214px 0px;
}
li#mainMenuItemManaged
{
   background-position: -426px 0px;
}
li#mainMenuItemColo
{
   background-position: -638px 0px;
}
li#mainMenuItemShared:hover, li#mainMenuItemShared.over a, li#mainMenuItemShared.over a:hover
{
   background-position: 0px -36px;
}
li#mainMenuItemDedicated:hover, li#mainMenuItemDedicated.over a, li#mainMenuItemDedicated.over a:hover
{
   background-position: -214px -36px;
}
li#mainMenuItemManaged:hover, li#mainMenuItemManaged.over a, li#mainMenuItemManaged.over a:hover
{
   background-position: -426px -36px;
}
li#mainMenuItemColo:hover, li#mainMenuItemColo.over a, li#mainMenuItemColo.over a:hover
{
   background-position: -638px -36px;
}

/* Lien actif */

li#mainMenuItemDedicated.active a, li#mainMenuItemDedicated.active.blackMenu a, 
li#mainMenuItemShared.active a, li#mainMenuItemShared.active.blackMenu a,
li#mainMenuItemManaged.active a, li#mainMenuItemManaged.active.blackMenu a, 
li#mainMenuItemColo.active a, li#mainMenuItemColo.active.blackMenu a
{
   background-position: 0;
}


li#mainMenuItemDedicated.active a
{
   background: url(/media/images/navDedicated-active.png) no-repeat top left !important;
}

li#mainMenuItemDedicated.blackMenu a
{
   background: url(/media/images/navDedicated-active-black.png) no-repeat top left !important;
}

li.active li,li.active.blackMenu li
{
   width: 202px;
}

li.active ul
{
   background: url(/images/nav/menu-bg-gris.png) no-repeat bottom left !important;
   margin-left: 3px;
}

li.active.blackMenu ul, li.active.cagesMenu ul
{
   background: url(/images/nav/menu-bg-noir.png) no-repeat bottom left !important;
   margin-left: 3px;
}

li#mainMenuItemDedicated.active ul li a
{
   background: none !important; 
}

li#mainMenuItemDedicated.active.blackMenu a
{
   /* background: locale */
}

li#mainMenuItemDedicated.active.blackMenu ul li a
{
   background: none !important; 
}

li#mainMenuItemShared.active a
{
   background: url(/media/images/navShared-active.png) no-repeat top left !important;
}

li#mainMenuItemShared.blackMenu a
{
   background: url(/media/images/navShared-active-black.png) no-repeat top left !important;
}

li#mainMenuItemShared.active ul li a
{
   background: none !important; 
}

li#mainMenuItemShared.active.blackMenu a
{
   /* background: locale */
}

li#mainMenuItemShared.active.blackMenu ul li a
{
   background: none !important; 
}

li#mainMenuItemManaged.active a
{
   background: url(/media/images/navManaged-active.png) no-repeat top left !important;
}

li#mainMenuItemManaged.blackMenu a
{
   background: url(/media/images/navManaged-active-black.png) no-repeat top left !important;
}

li#mainMenuItemManaged.active ul li a
{
   background: none !important; 
}


li#mainMenuItemManaged.active.blackMenu a
{
   /* background: locale */
}

li#mainMenuItemManaged.active.blackMenu ul li a
{
   background: none !important; 
}

li#mainMenuItemColo.active a
{
   background: url(/media/images/navColo-active.png) no-repeat top left !important;
}

li#mainMenuItemColo.blackMenu a
{
   background: url(/media/images/navColo-active-black.png) no-repeat top left !important;
}

li#mainMenuItemColo.active ul li a
{
   background: none !important; 
}

li#mainMenuItemColo.active.blackMenu a
{
   /* background: locale */
}

li#mainMenuItemColo.active.blackMenu ul li a
{
   background: none !important; 
}

li#mainMenuItemColo.cagesMenu a
{
   background: url(/media/images/navColo-active-cages.png) no-repeat top left !important;
}

li#mainMenuItemShared.over li a, li#mainMenuItemShared.over li a:hover,
li#mainMenuItemDedicated.over li a, li#mainMenuItemDedicated.over li a:hover,
li#mainMenuItemManaged.over li a, li#mainMenuItemManaged.over li a:hover,
li#mainMenuItemColo.over li a, li#mainMenuItemColo.over li a:hover,
li#mainMenuItemShared.blackMenu.over li a, li#mainMenuItemShared.blackMenu.over li a:hover,
li#mainMenuItemDedicated.blackMenu.over li a, li#mainMenuItemDedicated.blackMenu.over li a:hover,
li#mainMenuItemManaged.blackMenu.over li a, li#mainMenuItemManaged.blackMenu.over li a:hover,
li#mainMenuItemColo.blackMenu.over li a, li#mainMenuItemColo.blackMenu.over li a:hover
{
   background-image: none;
}

#mainMenu li li:hover, #mainMenu li a:hover, #mainMenu li li a
{
   background: none;
}

#mainMenu li li:hover
{
   background: url(/images/nav/separatorMainMenu.gif) repeat-x bottom left;
}

#mainMenu li li
{
   float: none;
   background: url(/images/nav/separatorMainMenu.gif) repeat-x bottom left;
}

#mainMenu li.active li:hover
{
   background: url(/images/nav/separatorMainMenuGris.gif) repeat-x bottom left;
}

#mainMenu li.active li
{
   float: none;
   background: url(/images/nav/separatorMainMenuGris.gif) repeat-x bottom left;
}

#mainMenu li.blackMenu li:hover, #mainMenu li.cagesMenu li:hover
{
   background: url(/images/nav/separatorMainMenuNoir.gif) repeat-x bottom left;
}

#mainMenu li.blackMenu li, #mainMenu li.cagesMenu li
{
   float: none;
   background: url(/images/nav/separatorMainMenuNoir.gif) repeat-x bottom left;
}

#mainMenu li.active li.last, #mainMenu li.cagesMenu li.last, #mainMenu li.blackMenu li.last, #mainMenu li li.last
{
   background: none;
   padding: 0;
}

#mainMenu li ul#mainMenuItemSubShared
{
   border-left: 0;
   left: 0px;
   width: 214px;
   background: url(/images/nav/menu-bgLeft.png) no-repeat -1px bottom;
   padding: 10px 5px 5px 0;
}

#mainMenu li.active ul#mainMenuItemSubShared
{
   left: -3px;
}

#mainMenu li ul#mainMenuItemSubShared


#mainMenu li ul#mainMenuItemSubShared li a
{
   margin: 0 0 2px 5px;
}

#mainMenu li #mainMenuItemSubColo
{
   border-right: 0;
   left: auto;
   right: 0px;
   background: url(/images/nav/menu-bgRight.png) no-repeat bottom left;
   padding: 10px 0 5px 5px;
}

#mainMenu li.active #mainMenuItemSubColo,#mainMenu li.active.blackMenu #mainMenuItemSubColo
{
   right: -3px;
}

#mainMenu li ul#mainMenuItemSubColo li a
{
   padding: 0 10px 0 0;
}
 
#feature, #featureSmall
{
   width: 100%;
   height: 170px;
   position: relative;
   z-index: 1;
   background: #eeeeee;
}

#featureSmall
{
   height: 80px;
}

#featureSmall a
{
   display: block;
   height: 80px;
   background: transparent url(/images/nav/smallFeatureSeparator.gif) repeat-y 168px 0px;
   text-decoration: none;
   color: #000;
}

#featureSmall a span.bannerIcon
{
   float: left;
   margin-right: 30px;
   display: block;
   width: 160px;
   height: 80px;
   text-align: center;
}

#featureSmall a span.bannerIcon img
{
   margin: 15px auto;
}

#featureSmall a span.bannerTitle, #featureSmall a span.bannerSubtitle 
{
   margin: 0px;
   padding-top: 20px;
   display: block;
   font-size: 18px;
   font-weight: bold;
   color: #000;
}

#featureSmall a span.bannerSubtitle
{
   font-size: 14px;
   padding-top: 0px;
}

#featureSmall.black
{
   background-color: black;
}

#featureSmall.black a
{
   background: transparent url(/images/nav/smallFeatureSeparatorBlack.gif) repeat-y 168px 0px;
}

#featureSmall.black a span.bannerTitle,#featureSmall.black a span.bannerSubtitle
{
   color: #fff;  
}

.subMenu
{
   width: 100%;
   height: 65px;
   overflow: hidden;
   
}

.subMenu li
{
   float: left;
}

.subMenu li a
{
   float: left;
   text-indent: -9999px;
   display: block;
   height: 65px;
   overflow:hidden;
}

.subMenu li
{
   width: 142px;
}
.subMenu li.firstOrLast
{
   width: 141px;
}

.subMenu li a
{
   width: 142px;
}
.subMenu li.firstOrLast a
{
   width: 141px;
}

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

/* SOUS-SOUS-MENU */

#subMenuDedicated
{
   background: url(/media/images/products-dedicated.png) no-repeat top left;
}

#subMenuDedicated li a:hover
{
   background-image: url(/media/images/products-dedicated.png);
   background-repeat: no-repeat;
}

#subMenuDedicated .active a
{
   background-image: url(/media/images/products-dedicated.png);
   background-repeat: no-repeat;
}

#subMenuShared
{
   background: url(/media/images/products-shared.png) no-repeat top left;
}

#subMenuShared li a:hover
{
   background-image: url(/media/images/products-shared.png);
   background-repeat: no-repeat;
}

#subMenuShared .active a
{
   background-image: url(/media/images/products-shared.png);
   background-repeat: no-repeat;
}

#subMenuManaged
{
   background: url(/media/images/products-managed.png) no-repeat top left;
}

#subMenuManaged li a:hover
{
   background-image: url(/media/images/products-managed.png);
   background-repeat: no-repeat;
}

#subMenuManaged .active a
{
   background-image: url(/media/images/products-managed.png);
   background-repeat: no-repeat;
}

#subMenuColocation
{
   background: url(/media/images/products-colo.png) no-repeat top left;
}

#subMenuColocation li a:hover
{
   background-image: url(/media/images/products-colo.png);
   background-repeat: no-repeat;
}

#subMenuColocation .active a
{
   background-image: url(/media/images/products-colo.png);
   background-repeat: no-repeat;
}

#subMenuItem1 a:hover
{
   background-position: 0 -65px;
}

li#subMenuItem1.active a
{
   background-position: 0 -130px;
}

#subMenuItem2 a:hover
{
   background-position: -141px -65px;
}

li#subMenuItem2.active a
{
   background-position: -141px -130px;
}

#subMenuItem3 a:hover
{
   background-position: -283px -65px;
}

li#subMenuItem3.active a
{
   background-position: -283px -130px;
}

#subMenuItem4 a:hover
{
   background-position: -425px -65px;
}

li#subMenuItem4.active a
{
   background-position: -425px -130px;
}

#subMenuItem5 a:hover
{
   background-position: -567px -65px;
}

li#subMenuItem5.active a
{
   background-position: -567px -130px;
}

#subMenuItem6 a:hover
{
   background-position: -709px -65px;
}

li#subMenuItem6.active a
{
   background-position: -709px -130px;
}

#navMenu 
{
   width: 100%;
   margin: 5px 0 16px;
}

#navMenu ul
{
   background: url(/images/nav/subPages-bg.gif) repeat-x top left;
   float: left;
   width: 100%;
   margin-bottom: 12px;
}

#navMenu ul li
{
   float: left;
   padding: 10px 0 0 0;
   margin: 0 10px 0 0;
   line-height: 1em;
}

#navMenu ul li a
{
   float: left;
   display: block;
   padding: 5px;
   border: 1px solid #eee;
   color: #666;
   text-transform: uppercase;
   font-size: 10px;
   text-decoration: none;
}

#navMenu ul li a:hover
{
   color: #333;
   border: 1px solid #ccc;
}

#navMenu ul li.active
{
   background: url(/images/nav/subPages-active.gif) no-repeat top center;
}

#navMenu ul li.active a
{
   background: #eee;
   color: #333;
}


li#mainMenuItemDedicated.active:hover div.navigationUsability
{
   width:850px;
   height: 170px;
   opacity: 0.8;
   background-color:#eee;
   position: absolute;
   top:35px;
   left:-215px;
   
}

li.active #navigationUsabilityGlow
{
   position: absolute;
   background: transparent url(/images/subMenuShadow.png) no-repeat top left;
   width:880px;
   height: 95px;
   top:196px;
   display: none;
}

li#mainMenuItemShared.active #navigationUsabilityGlow
{
   left:-15px;
}

li#mainMenuItemDedicated.active #navigationUsabilityGlow
{
	left:-229px;
   
}

li#mainMenuItemManaged.active #navigationUsabilityGlow
{
	left:-441px;
   
}

li#mainMenuItemColo.active #navigationUsabilityGlow
{
   left:-653px;
}

li.active:hover #navigationUsabilityGlow
{
   display: block;
}