/*@import url("/css/featureViewer.css");
@import url("/css/benefitsBox.css");
@import url("/css/compareTable.css");
@import url("/css/aboutUs/legal.css");*/


/* ----------------------- featureViewer */
#features h4
{
   font-size: 18px;
}

#features
{
   margin: 15px 0 0 0;
   padding-bottom: 4px;
}

#features #featuresList
{
   margin-bottom: 0px;
}

#features li
{
   float: left;
   width: 256px;
   padding: 10px;
}

#features img
{
   float: left;
   margin: 10px 0 0 0;
}

#features div.feature
{
   float: left;
   width: 216px;
   margin: 0 0 0 15px;
   color: #666;
   text-decoration: none;
   font-size: 11px;
   line-height: 15px;
}

#features span.featureTitle
{
   font-weight: bold;
   color: #333;
   margin: 0 0 5px 0;
}

#features li.clearLeft
{
	clear: left;
}

#featureOptions
{
   width: 100%;
   text-align: right;
   margin: 10px 0 0 0;
   line-height:27px;
}

#featureOptions a
{
   margin: 0 0 0 10px;
}
/* ----------------------- benefitsBox */
#benefits
{
   background: transparent url(/images/fauxColumnBenefitBox.gif) repeat-y top right;
}

#benefits li p
{
	padding-left: 131px;
}

#benefits .rightFloater
{
   width: 240px;
   padding: 10px;
   text-align: center;
}

#benefits .rightFloater p
{
   text-align: center;
}

#benefits .rightFloater img
{
   margin: 18px 0px;
}

#benefits .rightFloater .indieAnchor
{
   margin-right: 0px;
}

#benefits blockquote
{
   padding: 18px 0px;
}

#benefits .rightFloater blockquote img
{
   margin: 0;
}

#benefits blockquote .openingQuote
{
	position: relative;
	left: -8px;
	top: -4px;
}

#benefits blockquote .quote
{
   font-style: italic;
   margin-bottom: 3px;
   text-align: center;
}

#benefits blockquote .closingQuote
{
   position: relative;
   top: -4px;
   left: 8px;
}

#benefits blockquote .quoteSource
{
   font-weight: bold;
   margin-top: 26px;
}

#benefits ul
{
   margin-bottom: 0px;
}

#benefits ul li
{
   clear: left;
   margin-bottom: 20px;
   width: 545px;
   
}

#benefits ul li.last
{
   margin-bottom: 0px;
}

#benefits ul li.last p
{
   margin-bottom: 0px;
}

#benefits ul li img
{
   float:left;
   margin: 0 10px 0 0;
}


#benefits ul li h4
{
   margin-bottom: 6px;
}


#benefits ul .clearer
{
   clear: left;
}


/* ----------------------- compareTable */

.compareTable tfoot th strong, .compareTable thead th
{
   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

table.compareTable
{
   width: 100%;
   border: 0;
   margin: 1em auto;
   border-collapse: collapse;
}

.compareTable .blankRow, .compareTable .blankRow td
{
   height: 30px;
   background: #fff;
   border: 0;
}

.compareTable caption
{
   color: #666;
   font-size: .94em;
   letter-spacing: .1em;
   margin: 1em 0 0 0;
   padding: 0;
   caption-side: top;
   text-align: center;
}

.compareTable tr.odd td
{
   background: #fffbf4;
}

.compareTable tr.odd td.highlighted
{
   background: #FFEBC7;
}

.compareTable .odd .column1
{
   background: #fffbf4;
}  
.compareTable .odd .column1.empty
{
   background: #ffffff;
   border: 0;
}  

.compareTable .column1
{
   background: #fff;
   padding: 6px;
   border: 0;
   border-bottom: 1px solid #ccc;
}

.compareTable .column1 h5
{
   text-align: right;
   padding-right: 0;
   font-weight: bold;
   font-size: 12px;
   color: #333333;
   margin: 0;
   font-family:Arial,Helvetica,sans-serif;
}

.compareTable .column1 h5.openable
{
   padding-right: 65px;
}

.compareTable td
{
   color: #666;
   border: 1px solid #ccc;
   border-top: 0;
   padding: .3em 1em;
   text-align: center;
}
.compareTable td.highlighted
{
   background: #FFFBF4; 
}
            
.compareTable th
{
   font-weight: normal;
   color: #333;
   text-align: left;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   padding: .3em 1em;
}

.compareTable th.highlighted
{
   background: #ccc; 
   color: #000;
}  
                  
.compareTable thead th
{
   background: #efefef;
   text-align: center;
   font-weight: bold;
   font-size: 1em;
   color: #333;
}
.compareTable thead th.highlighted
{
   background: #ccc;
   color: #000;
} 

.compareTable tfoot th, .compareTable .footer th
{
   text-align: center;
   background: #efefef;
}

.compareTable tfoot th.highlighted, .compareTable .footer th.highlighted
{
   background: #efefef;
}  

.compareTable tfoot th strong, .compareTable .footer th strong
{
   font-weight: bold;
   font-size: 1.2em;
   margin: .5em .5em .5em 0;
   color: #333;
}  
   
.compareTable tfoot th em,.compareTable td em, .compareTable .footer th em
{
   color: #C02929;
   font-weight: bold;
   font-size: 1.1em;
   font-style: normal;
}

.compareTable tfoot td, .compareTable .footer  td
{
   padding-top: 12px;
   padding-bottom: 6px;
}

.compareTable tr.blankRow td
{
   padding: 0;
}

.compareTable tfoot td em, .compareTable .footer td em
{
   color: #c02929;
   font-size: 16px;
   font-weight: bold;
   position: relative;
   top: 0.05em;
} 

.compareTable tfoot td, .compareTable .footer td
{
   color: #333333;
   font-size: 12px;
   font-weight: normal;
}

.compareTable tfoot td img, .compareTable .footer td img
{
   margin-top: 12px;
}
.compareTable tfoot td.contactUs, .compareTable .footer td.contactUs
{
   vertical-align: bottom;
}  
.compareTable tr td.empty 
{
   border: 0;
   background: #fff;
}

.compareTable .sectionTitle th
{ 
   font-weight: bold;
   font-size: 15px;
   padding: 8px 12px;
   color: #00578e;
   background: #eee;
}


.compareTable .sectionTitle th.specsCell
{
   background: none;
   border: 0;
   border-bottom: 1px solid #ccc;
   text-align: left;
}

.compareTable .sectionTitle th.empty
{
   border: 0;
   background: #fff;
}

.compareTable .sectionTitle th.productNameCell
{
   text-align: center;
   border: 1px solid #ccc;
   color: #333;
}
.compareTable .sectionTitle th.highlighted
{ 
   background: #ccc; 
   color: #000;
}

 
.compareTable tr.notes
{
   border: 0;
} 
.compareTable tr.notes td
{
   border: 0;
   font-size: 11px;
   background: transparent;
   text-align: right;
   color: #666666;
   font-weight: normal;
   padding-top: 10px;
   padding-right: 0;
}

.compareTable span.sup
{
	position: static;
	font-size: 100%;
}

.compareTable .column1 span.sup
{
	font-size: 70%;
}




/****************** NEW STUFF ******************/  

.compareTable .column1 .sectionOpener
{
	margin-left: 10px;
   float: right;
   padding: 1px 0 1px 0; /*pour ie6*/
}




.compareTable .sectionOpener img
{
   margin: -3px 0 -4px 0;
}

.compareTable div.info
{
   position: relative;
}
.compareTable td.info
{
   padding: 0 4px;
}

.compareTable .infoIcon img
{
   margin-bottom: -3px;
}

.compareTable .infoPopup
{
   display: none;
	position: absolute;
   padding-top: 10px;
   width: 263px;
   background: transparent url(images/infoBubbleTop.png) no-repeat top left;
   top: -10px;
   left: 20px;
   z-index: 1000;
} 

.compareTable .infoPopup .infoBottom
{
   padding-bottom: 10px;
   background: transparent url(images/infoBubbleBottom.png) no-repeat bottom left;
}

.compareTable .infoPopup .infoBottom .infoArrow
{
   background: transparent url(images/infoBubbleArrow.png) no-repeat left top;
   position: absolute;
   width: 18px;
   height: 18px;
   left: 0px;
   top: 10px;
}

.compareTable .infoPopup .infoBottom .infoContent
{
	padding: 3px 13px 3px 28px;
	background: transparent url(images/infoBubbleBody.png) repeat-y top left;
	color: #333333;
	font-size: 8pt;
	font-family: tahoma;
}

.compareTable tr.hidden
{ 
   background-color: #e4f6ff;
}
.compareTable tr.hidden td.highlighted
{ 
   background-color: #C6ECFF;
}

.compareTable tr.hidden th
{
   background-color: #e4f6ff;
   padding: 3px;
}

.compareTable tr.sectionTitle .info
{
   border-left: 0;
}

.compareTable .isHidden
{
   display: none;
}

/* ----------------------- aboutUs/legal */

/* ----------------------- */


#priceFeatureBox
{
   position: relative;
   float: left;
   width: 400px;
   margin-bottom: 30px;
   font-size: 16px;
}

#priceFeatureBox h3
{
   margin-bottom: 0;
}

#priceFeatureBox h4
{
   color: #888;
}


#priceFeatureBox #priceBadge
{
   position: absolute;
   top: 31px;
   right: -24px;
}

#priceFeatureBox .mainBox
{
   border-color: #d6e0eb;
   height: 260px;
   background: transparent url(/images/webHosting/iconBackgroundBox.png) no-repeat bottom right;
   margin-bottom: 10px;
}

#priceFeatureBox .mainBox ul
{
   margin-bottom: 0px;
}

#priceFeatureBox .mainBox ul li
{
   background: transparent url(/images/webHosting/iconCheckbox.png) no-repeat center left;
   padding-left: 25px;
   line-height: 27px;
   height: 27px;
   position: relative;
}

#priceFeatureBox .mainBox ul li a
{
   margin-left: 10px;
}

#priceFeatureBox .mainBox ul li.last
{
   background: none;
   font-weight: bold;
   padding-left: 0px;
}

#priceFeatureBox .mainBox ul li.last a
{
   margin: 0px;
}

#priceFeatureBox .mainBox ul li a img
{
	float: none;
}

#descriptiveBoxes
{
   float: right;
   width: 400px;
}

#descriptiveBoxes .descriptiveBox, #descriptiveBoxes .descriptiveBoxNoIcon
{
   border: 1px solid #eee0c7;
   background-color: #fffbf4;
   padding: 10px;
   margin-bottom: 23px;
}


#descriptiveBoxes .descriptiveBoxNoIcon p
{
   float: none;
   width: 375px;
   margin: 0px;
}

#descriptiveBoxes .descriptiveBox img
{
   float: left;
}

#descriptiveBoxes .descriptiveBox p
{
   float: right;
   width: 315px;
   margin-bottom: 0px;
}


#otherInformations #softwaresList
{
	margin-bottom: 0;
}

#otherInformations #softwaresList li
{
	list-style-type:none;
   float: left;
   margin: 0 0 0 25px;
   text-align: center;
}

#otherInformations #softwaresList li a
{
   position: relative;
   opacity: 0.7;
   display: block;
   text-decoration:none;
}

#otherInformations #softwaresList li a img
{
	margin: 0;
}

#otherInformations #softwaresList li div
{
   display:none;
   width: 215px;
   height: 125px;
   position: absolute;
   top: -115px;
   left: 0;
   background: transparent url(/images/sharedSoftwaresBubble.png) no-repeat top left;
   text-align: left;
   padding: 8px;
   z-index: 9999;
}


#otherInformations #softwaresList li#cms a div
{
   left: -54px;
}

#otherInformations #softwaresList li#websiteBuilder a div
{
   left: 12px;
}

#otherInformations #softwaresList li#antiSpam a div
{
   left: -25px;
}

#otherInformations #softwaresList li#email a div
{
   left: -30px;
}

#otherInformations #softwaresList li a:hover
{
   opacity: 1;
}

#otherInformations #softwaresList li a:hover div
{
   display: block;
}

#extras img.logo
{
   float:right;
   clear:right;
}

#extras img
{
   float:left;  
}

#extras .text
{
   float:left;
   
   margin: 0 0 20px 15px;
}

#extras .last
{   
   margin-bottom: 0;
}


#extras .text p
{
   width:425px;
}

.expandableBox
{
   width: 422px;

}

.expandableBox .expandableContent
{

}

.expandableBox img
{
   float: right;
}

#benefits .rightFloater
{
   text-align: center;
}


#schemaWsh
{
   margin-left: 0px;
}

#planCompare
{
   padding: 0px;
   border: none;
}

#planCompare table
{
	margin: 0;
   width: 500px;
}

.compareTable .sectionTitle th.productNameCell
{
   height: 20px;
}

.compareTable .sectionTitle th.productNameCell.pack
{
   font-size: 18px;
   color: #006691;
   font-weight: bold;
   height: 30px;
}

.compareTable tr.size td
{
   font-size: 18px;
   font-weight: bold;
   color: #C02929;
   padding: 2px 0 0 0; 
}
.compareTable tr.emphasize td
{
   font-size: 14px;
   padding: 1px 0 0 0; 
   color: #333333;
   text-transform: uppercase;
}
.compareTable tr.size td.info, .compareTable tr.emphasize td.info
{
   padding: 0; 
}

.compareTable tr.size td .infoPopup, .compareTable tr.emphasize td .infoPopup
{
   font-size: 12px;
   font-weight: normal;
      text-transform: none;
}



.compareTable td.learnMore
{
   padding: .3em 1em;
}

.compareTable td.learnMore a
{
   font-size: 18px;
   
}
.compareTable tfoot td img, .compareTable .footer td img
{
   margin-top: 0;
}

.compareTable td
{
   padding: 0px;
}

#morePrices
{
	vertical-align: top;
}

#benefits
{
   position: relative;
}

#benefits #techImg
{
   position: absolute;
   bottom: 0;
   right: 18px;
}

#benefits .rightFloater
{
   position: relative;
}

#planFeatures
{

}

#planFeatures .planFeature
{
   width: 300px;
   background-color: #f2f2f2;
   padding:10px;
   border: 1px solid #ccc;
   margin: 0 0 15px 0;
}

#planFeatures .planFeature .leftFloater
{
   float: left;
}
#planFeatures .planFeature img.leftFloater
{
   margin-right: 17px;
}

#planFeatures .planFeature .rightFloater
{
   margin: 0;
}

#planFeatures .planFeature p
{
   width: 175px;
}

#planFeatures .last p
{
   padding-top: 0;
}

.numberedList
{
   margin-bottom: 0px;
}

#zeroDowntime p
{
   padding-top: 13px;
}

#phpBB p
{
   padding-top: 13px;
}
#panelBox p
{
   padding-top: 13px;
}
#adwords p
{
   padding-top: 0;
}

#priceFeatureBox .infoLink
{
	display:inline;
	position: relative;
}
#priceFeatureBox .infoPopup
{
   display: none;
   position: absolute;
   padding-top: 10px;
   width:263px;
   background: transparent url(images/offerWidget/infoBubbleTop.png) no-repeat top left;
   top: -11px;
   left: 30px;
   z-index:1000;
} 

#priceFeatureBox .infoPopup .infoBottom
{
   padding-bottom: 10px;
   background: transparent url(images/offerWidget/infoBubbleBottom.png) no-repeat bottom left;
}

#priceFeatureBox .infoPopup .infoBottom .infoArrow
{
   background: transparent url(images/offerWidget/infoBubbleArrow.png) no-repeat left top;
   position: absolute;
   width: 18px;
   height: 18px;
   left: 0px;
   top: 10px;
}

#priceFeatureBox .infoPopup .infoBottom .infoContent
{
   padding: 3px 13px 3px 28px;
   background: transparent url(images/offerWidget/infoBubbleBody.png) repeat-y top left;
   color: #333333;
   font-size: 12px;
   line-height: 1.6em;
}


#priceFeatureBox  ul li a.policiesLink
{
   font-size: 10px;
   position: relative;
   left: -21px;
   text-decoration: none;
   color: red;
}

#priceFeatureBox  ul li a.policiesLink span
{
	text-decoration: underline;
}


#priceFeatureBox  ul li a.policiesLink:hover span
{
   text-decoration: none;
}