.betasite{
	background-color:#EFF981;
	border-bottom:2px solid #FFFFFF;
	padding:5px;
	font-size:14px;
	text-align:center;
	line-height:20px;
}
.betasite.small{
	background-color:#D0D0D0;
	border-bottom:2px solid #FFFFFF;
	padding:0px;font-size:12px;
	line-height:20px;
	font-weight:bold;
}
.betasite input.button{
	position:relative;
	top:2px;
}


/* Standard */
*{margin: 0px;	padding: 0px;}
body{font-size:10px; font-family:arial, sans-serif;}
.breaker{clear:both;overflow:hidden;border:0px;height:1px;}

/* Text */
a{color:#8CC63F;}
.colgreenbar a{color:White;}
.hiddenlinks p a{text-decoration:none;color:white;background-color:Transparent;}
.hiddenlinks h3 a{text-decoration:none;color:inherit !important;background-color:transparent}
a img{border:0px;}
p{font-size:1.2em;margin:0px 0px 1em 0px;line-height:1.45em;}
.partnerlinks{font-size:1.2em;margin-top:-0.5em;margin-bottom:1.5em;}
.cycle p.featured{font-size:1.2em;margin:0px 0px 1em 0px;line-height:1.6em;}
ol{list-style-type:none;}
ol li{font-size:14px;font-weight:bold;}
ol ol li{font-size:12px;font-weight:normal;}

p.small{font-size:1.1em; background: none; border: 0}
h2{color:#2D2D2D;font-size:3.6em;font-weight:normal;margin:14px 0px 4px 0px;line-height:1.2em;}
h3{color:#8CC63F!important;font-size:2.5em;font-weight:normal;margin:14px 0px 5px 0px;line-height:1.2em;}
h4{color:#000000;font-size:1.8em;font-weight:normal;margin:14px 0px 4px 0px;line-height:1.2em;}
.dark{color:#2D2D2D;}
.colgreenbar h2, .colgreenbar h3, .colgreenbar h4{color:#FFFFFF !important;}
.page.white .techinfo{color:#878787 !important;font-size:1.1em;line-height:1.6em;}

/* Forms */
.colgreenbar .field{margin-bottom:10px;}
.colgreenbar .field.submit{width:230px;text-align:right;}
.colgreenbar label{color:White;display:block;font-size:12px;}
.colgreenbar input{width:220px;padding:4px;}
.colgreenbar textarea{width:220px;height:120px;padding:4px;}
.colgreenbar .errorMessage{color:Red;}
.colgreenbar .error input{border:1px solid red;}
.colgreenbar .error textarea{border:1px solid red;}
/* UL */
ul li{font-size:12px;}
ul{
	/* list-style-position:outside; */
	margin-left:18px;
	margin-top:0px;
}
li{padding-bottom:10px;}
.colgreenbar ul li {padding-bottom: 5px;}

/* Layout */
body{text-align:center;background:#5F5F5F url(../I/background.gif) repeat-x}
#container{margin:0px auto 0px auto;width:959px;text-align:left;background:url(../I/ibmpartner.gif) no-repeat;background-position:right 17px;}
.footer{margin-top:29px;height:56px;font-size:1.1em;color:#999999;padding:10px 0px 0px 31px;}
.footer small{margin-left:20px;display:inline-block;margin-top:12px;}
.bottomright{position:relative;padding-left:690px;}
.bottomright .offsetbox{position:absolute;z-index:999;width:250px;background-color:#8CC63F;}/*#8CC63F*/
a{cursor:hand;}
/* Topbar */
#topright{float:right;height:135px;margin-top:-135px;width:690px;text-align:right;}
h1#logo{width:269px;height:135px;overflow:hidden;line-height:900px;background:url(../I/logo.gif) no-repeat 17px 12px;cursor:hand;}
#toplinks{padding-top:17px;padding-left:290px;text-align:left;}
#toplinks a{color:#FFFFFF;font-size:1em;text-decoration:none;margin:0px 13px 0px 19px;}
#toplinks a.active{text-decoration:underline}
#topright h2{font-size:1.2em;margin:0px;font-weight:bold;}
#topright h2 a{}
#topright h2 a{display:block;float:left;height:27px;
	margin-left:2px;
	padding-right:11px;
	text-decoration:none;
}
#topright h2 a span{display:block;float:left;height:27px;
	padding-left:11px;
	line-height:29px;
	color:#8CC63F;
}
#topright h2{margin-top:53px;border-bottom:1px solid #404040;float:right;}
#topright h2 a:hover{background:url(../I/tabs.gif) right -29px no-repeat;}
#topright h2 a:hover span{background:url(../I/tabs.gif) left -29px no-repeat;color:#898989;}
#topright h2 a.active{background:url(../I/tabs.gif) right -58px no-repeat;}
#topright h2 a.active span{background:url(../I/tabs.gif) left -58px no-repeat;color:#898989;}
#topright h2.nosubmenu{margin-top:68px;border:none;}
#topright h2.nosubmenu a, #topright h2.nosubmenu a span{height:29px;}
#topright h2.nosubmenu a:hover{background:url(../I/tabs.gif) -29px right no-repeat;}
#topright h2.nosubmenu a:hover span{background:url(../I/tabs.gif) -29px left no-repeat;color:#898989;}
#topright h2.nosubmenu a.active{background:url(../I/tabs.gif) top right no-repeat;}
#topright h2.nosubmenu a.active span{background:url(../I/tabs.gif) top left no-repeat;color:#898989;}
#topright a#firstlink{margin-left:0px;}
#topright .submenu{clear:both;padding-top:3px;}
#topright .submenu a{color:#FFFFFF;text-decoration:none;margin:17px 0px 0px 27px;font-size:1.2em;}
#topright .submenu a.active{font-weight:bold;}

/* Pages */
.page.white, .white .pagetop, .page.white .pagebottom{background-image:url(../I/whitepage.gif) !important;}
.page.white p{color:#343434 !important;}
.page.white h2{color:#2D2D2D !important;}
.page.greenright, .greenright .pagetop, .page.greenright .pagebottom{
	background-image: url(../I/greenrightpage.gif) !important;
	background-image: url(../I/greenrightpage.gif);/* Hack pour la page payment, laisser l'appel en double*/

}

.page.greenright p{color:#000000; display: block;}
.page.greenright p.faqanswer{display: none;}
.page.greenright h2{color:#2D2D2D;}
.page.black, .black .pagetop, .page.black .pagebottom{background-image:url(../I/blackpage.gif);}
.page.black p{color:#FFFFFF;}
.page.black h2{color:#FFFFFF;}
.page{background-position:-959px 0px;background-repeat:repeat-y;}
.pagetop{background-position:top left;background-repeat:no-repeat;}
.pagebottom{background-position:bottom right;background-repeat:no-repeat;}

/* Columns */
.columns{
	padding:0px 14px 0px 15px;
}
.col1,.col2,.col3,.col4,.col5,.col6{
	margin:0px 15px 0px 15px;
	float:left;
	display:inline;	
}
.first{margin-left:30px !important;}
.col1{width:125px;}
.col2{width:280px;}
.col3{width:435px;}
.col4{width:590px;}
.col5{width:745px;}
.col6{width:900px;}
.colcontent{float:left;width:660px;}
.colgreenbar{width:239px;float:left;margin-left:30px;}
.col4hr{width:660px;border-top:1px solid #D4D4D4;background-color:#F2F2F2;overflow:hidden;clear:both;height:1px;margin:5px 0px 5px 0px}

/* corner images */
.cornerimage.servergirl{background:url(../I/topleft/servergirl.jpg) top left no-repeat;}
.cornerimage.manthinking{background:url(../I/topleft/manworking.jpg) top left no-repeat;}
.cornerimage.girlflower{background:url(../I/topleft/girlflower.jpg) top left no-repeat;}
.cornerimage.grayman{background:url(../I/topleft/grayman.jpg) top left no-repeat;}

/* Frontpage */
.frontinfo{font-size:17px;color:#FFFFFF;margin-top:247px;text-decoration:none}
.frontinfo a{font-size:17px;color:#FFFFFF;text-decoration:none}
.featuredindicator{float:right;display:block;margin-top:13px}
.featuredindicator a{background:url(../I/featuredindicator.gif) 0px -10px no-repeat;width:10px;height:10px;display:block;overflow:hidden;margin-left:6px;float:left;line-height:100px;}
.featuredindicator a.active{background-position:top left;}
.cycle{position:relative;height:274px;}
#featuredPage0{height:274px;}	
#featuredPage1{height:274px;}
#featuredPage2{height:274px;}
.cycle .cornerimage {position:absolute;top:0px;left:0px;}
.cycle .cornerimage .col3{height:230px;}
.cycle h2{margin-bottom:14px;}
.cycle h3{margin-bottom:14px;}
.cycle p, .cycle h2{background-color:#FFFFFF;}/* IE BUG! */
.cycle p{line-height:1.6em;}
.infobar{
	width:132px;float:right;
	height:183px;
	overflow:hidden;
	margin-left:10px;
}

.infobar a{
	display:block;border-top:1px solid #C7CED9;
	height:29px;font-size:1.6em;text-decoration:none;
	line-height:28px;
	letter-spacing:-1px;
}
.infobar a.firstlink{
	border-top:0px;
}
.infobar button{margin-top:2em;}
.infobar button div{
	font-weight:normal;
}
.infobar button div div{width:55px;}



/* images with text */
.starttour{cursor:pointer;background:url(../I/starttour.jpg) top left no-repeat;width:267px;height:160px;display:block;text-decoration:none;margin-bottom:1em;}
.starttour div{margin:0px 0px 0px 0px;padding-top:73px;text-align:center;color:black;font-size:14px;font-weight:bold;}
.starttour.business{background-image:url(../I/starttourbusiness.png)}


.screenshotwithstar{cursor:pointer;background:url(../I/screenshotwithstar.jpg) top left no-repeat;width:267px;height:186px;float:right;display:block;margin-top:14px;}
.screenshotwithstar div{width:55px;margin:120px 0px 0px 198px;text-align:center;color:White;text-decoration:none;font-family:impact, Sans-Serif; font-size:16px;letter-spacing:2px;}
.screenshotwithstar small{display:block;font-family:Arial;letter-spacing:0px;}

.screenshotwithstargreenbg{cursor:pointer;background:url(../I/screenshotwithstartgreenbg.gif) top left no-repeat;width:241px;height:243px;display:block;text-decoration:none;margin-top:-16px;margin-bottom:-4px;}
.screenshotwithstargreenbg div{width:80px;margin:0px 0px 0px 145px;padding-top:28px;text-align:center;color:#8CC63F;text-decoration:none;font-family:impact, Sans-Serif; font-size:32px;letter-spacing:2px;}
.screenshotwithstargreenbg small{display:block;font-family:Arial;letter-spacing:0px;font-size:14px;}

.screenshotgreenbg{cursor:pointer;background:url(../I/screenshotgreenbg.gif) top left no-repeat;width:241px;height:243px;display:block;text-decoration:none;margin-top:-16px;margin-bottom:-4px;}

/* Button */
button{border:0px solid red;background:transparent;cursor:pointer;width:auto;overflow:visible;height:35px;}
button div{
	background:url(../I/button.gif) top left no-repeat;
	padding-left:18px;
	height:35px;
}
button div div{
	background:url(../I/button.gif) top right no-repeat;
	padding-right:34px;
	font-size:14px;font-weight:bold;
	line-height:28px;
	white-space:nowrap;
}

button.large{height:85px;}

button.large div{
	background:url(../I/largebutton.png) top left;
	padding-left:18px;
	height:85px;
}

button.large div div{
	background:url(../I/largebutton.png) top right;
	padding-right:30px;
	font-size:29px;font-weight:bold;
	line-height:75px;
	white-space:nowrap;
}

.colgreenbar button.large div{background-image:url(../I/greenlargebutton.gif)}


.colgreenbar button div{background-image:url(../I/greenbutton.gif)}

/* centering */
.center{text-align:center;}

.techinfotivolilogo{padding-top:40px;text-align:center;}

.bottommargin{margin-bottom:1.8em}
.headerimage{float:left;margin:12px 17px 0px 1px;}
.rightscreenshot{float:right;margin-top:14px;margin-left:40px;}

.page.white h3.press{margin-top:0px;color:Black;}
.page.white h3.press small{margin-top:0px;color:Black;font-size:10px;font-style:italic;color:#858585;}

.digitalriverinfo{margin-top:10px;}
.digitalriverinfo small{display:block;color:#46631F;}


/* screenshots */
.mediumscreenshot{
	width:235px;float:left;margin:20px 42px 20px 40px;	
	display:inline;
	cursor:pointer;
}
.screenshotscontainer{
	width:855px;
	height:525px;
	background:#FFFFFF;
	border:10px solid #EEEEEE;
	position:absolute;
	top:-70px;left:40px;
	z-index:1000;
}
#screenshots{position:relative;z-index:9900;display:none;}
#screenshotheadline{position:absolute;top:26px;left:36px;display:inline;margin:0px;}
#screenshotimage{position:absolute;top:58px;left:32px;}
#screenshotnavigation{position:absolute;top:30px;left:356px;width:200px;text-align:right;font-size:1.2em;}
#screenshotnavigation a{margin-left:20px;display:block;float:right;}
#sceenshottext{display:block;position:absolute;top:460px;left:32px;width:526px;}
#screenshotclosebutton{position:absolute;top:473px;right:20px;display:inline;}
#sceenshotssmall{position:absolute;top:58px;left:584px;width:300px;}
#sceenshotssmall img{display:block;float:left;margin:0px 18px 21px 0px;border:4px solid #DBDCDA;}
#screenshotscloseicon{position:absolute;top:10px;right:10px;cursor:pointer;}
#sceenshotsoverlay{position: fixed;z-index:100;top: 0px;left: 0px;background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;height:100%;width:100%;}
* html #sceenshotsoverlay { /* ie6 hack */     position: absolute;     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
.colsceenshots{width:630px;}
.colsceenshots img{margin-right:5px;}

/* Download page */
.coldownloadscreenshots{
	width:105px;float:left;margin-right:20px;
}


/* buy page */
#pricetable{
	font-size:1.2em;
	background:url(../I/buygradiant.gif) bottom left repeat-x !important;
}
#pricetable tr th, #pricetable tr td{
	padding:5px 5px 5px 5px;
}
#pricetable tr th{
	font-size:15px;
	font-weight:bold !important;
	text-align:center;
	border-bottom:1px solid black;
	padding:4px 7px 4px 10px;
	text-align:left;
	background:#FFFFFF;
}
#pricetable button, #pricetable button div, #pricetable button div div{padding:0px;margin:0px;}
#pricetable button div{padding-left:6px;}
#pricetable button div div{padding-right:3px;}
#pricetable tr td.price{font-size:15px;font-weight:bold;padding:0px 10px 0px 10px;}
#pricetable tr td{
	vertical-align:middle;
	align:left;
	text-align:center;
	font-size:13px;
	font-weight:bold;
}
#pricetable tr td{
	background:url(../I/buyhr.gif) bottom left repeat-x;
}



.buybox{width:270px;text-align:center;padding:15px 0px 15px 0px;border:1px solid #d9d9d9;margin-right:15px;float:left;margin-bottom:30px;}
.buybox button{margin:15px 0px 0px 0px;}
.buybox button div div{width:180px;}
.priceselector{position:absolute;width:150px;top:-2px;left:105px;text-align:right;}
.priceselector label{font-size:11px !important;margin-right:2px;vertical-align:middle;}
.priceselector select{vertical-align:middle;}
.priceselectorcontainer{position:relative;}
.buynowcol{white-space:nowrap;font-size:14px;text-align:center;font-weight:bold;border-right:0px !important;width:100px;}

.storagebar{
	background:url(../I/storagebar.gif) top left;height:27px;
	color:White;font-size:16px;font-weight:bold;float:left;text-align:left;
}
.storagebar div{
	background:url(../I/storagebar.gif) top right;line-height:28px;height:27px;position:relative;left:10px;
}

.partnerimages a, .awardsimages a, .photosimages div {
	border:1px solid gray;padding:8px;display:block;float:left;margin:0px 10px 10px 0px;
}
.awardsimages a, .photosimages div {
    width: 185px;
    height: 120px;
    text-align: center;
}
.photosimages div {
    height: 245px;
    width: 175px;
}
.photosimages div a 
{
    font-size: 12px;
    display: block;
}

.awardsimages a 
{
    border: none;
}    
    

.partnerimages a:hover, .awardsimages a:hover {
    border-color:#8CC63F;
}

/* Support page */
.supportsteps li{margin-left:30px;font-size:12px;}




/* Tabs */
.tabsection{
	clear:both;
	border-top:1px solid #333333;
	margin-bottom:20px;
}
.toptabinfo{background-color:#D7D7D7;padding:10px;font-size:1.2em;}
.tabsection.hidden{display:none;}
.coltabs a.tab{
	width:118px;
	height:27px;
	margin-left:13px;
	background:url(../I/minitabs.gif) 0px -27px;
	display:block;
	float:left;
	text-align:center;
	font-size:12px;
	line-height:30px;
	overflow:hidden;
	color:#333333;
	cursor:hand;
}
.coltabs a.tab.active, .coltabs a.tab:hover{
	color:white;
	background-position:0px 0px;
}
.tabcell{
	background:url(../I/tabgradiant.gif) top left repeat-x;
	width:170px;
	vertical-align:top;
}
.tabcellcontent{
	padding:10px;
	color:#434343;
	font-size:1.2em;
	line-height:1.6em;
}
.tabcellcontent img{margin-bottom:10px;}


h4.pressmenu{font-size:20px;color:#5F5F5F;margin-top:20px;margin-bottom:0px;margin-left:10px;}
.pressmenuitem{width:115px;_height:26px;#height:26px; min-height: 26px;margin-top:3px;text-align:left;padding-left:10px;font-size:12px;font-weight:bold;display:block;line-height:26px;text-decoration:none;}
.pressmenuitem.active,a.pressmenuitem:hover{background:url(../I/pressbutton-green_bg.gif) no-repeat;color:#B0B0B0}
.pressmenuitem.last{margin-bottom:52px;}

.pressbox{margin-top:20px; margin-left: 20px}
.pressbox h3{font-size:20px;}
.pressbox a.readmore{display:block;}

.faqheading{font-size:12px;cursor:hand;display:block;margin-top:5px;}
.faqanswer{display:none;margin-left:10px;}

/**********************************************************************************************************************************/
.customer-errors {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background-color:#ffebeb;
    padding:15px 10px;
    border:1px solid #f9d6d6;
}

.customer-errors .customer-errors-headline {
    padding-left:85px;
    height:50px;
    background:#ffebeb url(../img/error.png) no-repeat 10px center;
    font:normal 24px arial;
}

.customer-errors ul {
    margin:0;
    margin-left:60px;
    display:block;
}

.customer-errors ul li {
    font:normal 12px arial;
    color:#000;
    padding:5px 0;
}


.direct-payment {
	padding-left:15px
}
.direct-payment label.lbl {
	color:#000000;
	display:block;
	float:left;
	width:140px;
	font-size:10px;
}

.direct-payment .champ {
	color:#666666;
	float:left;
	font-size:10px;
	width:400px;
}

.direct-payment .cl, .paiement .cl{
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px;
}

.direct-payment .champ input {
	width:255px;
}

.direct-payment .champ input.barclays_cc_cvv {
	width:50px;
}
.direct-payment .champ input.barclays_cc_start_date {
	width:80px;
}
.direct-payment .champ input.barclays_cc_issue_number {
	width:35px;
}
.direct-payment .champ input.barclays_cc_number {
	width:135px;
}


.direct-payment .champ span {
	display:block;
	margin-top:5px;
	font-family:tahoma;
	font-size:10px;
}

.direct-payment input, .direct-payment select, .direct-payment textarea {
	background-color:#FFFFFF;
	border:1px solid #BCBCBC;
	color:#000;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:10px;
}

.direct-payment .modePai input {
	border:0 solid #FFFFFF;
	margin:auto 0;
}

.direct-payment .modePai img {
	height:26px;
margin-left:2px;
margin-right:20px;
position:relative;
top:-5px;
vertical-align:middle;
}

.direct-payment .modePai img {
	margin-right:20px;
	vertical-align:middle;
}

.direct-payment button {
	background:none;
	border:none;
	cursor:pointer;
	padding:0;
	width:150px;
}
ol {
	list-style:none;
	border:1px solid #BE2118;
	background:#F5D6CD;
	padding:2px;
	width:550px;
	display:block;
	float:left
}
ol li ol {
	width:545px;
	border:none
}
ol li ul li {
	float:none
}
.direct-payment form ol {margin-bottom:10px}
.direct-payment form ol li{padding-bottom:0;}
.direct-payment form ol li ol {margin-bottom:0}
.direct-payment form ol li ul li{padding:2px 0;}
.modePai ul li {
	float:left;
}
.cc-type-maestro {
	margin-left:122px
}
.b1 { width:8px; height:22px; background:url(../img/b1.gif) no-repeat;float:left}
.b2 { height:22px; width:auto; background:url(../img/b2.gif) repeat-x; float:left; color:#FFFFFF; padding:3px 0px 3px 0px; font-weight:bold}
.b3 { width:14px; height:22px; background:url(../img/b3.gif) no-repeat;float:left; }
.cls_h2 {
	font-size:18px;
	margin-bottom:15px;
}
.cc-types input {
	background:none
}