@charset "UTF-8";
/* CSS Document */

/* Body Styles */
body { margin: 0px auto; padding: 0px; }


/* Block styles - HTML5 */
header, footer, nav, section, aside, article, menu, figure { display: block }
header{ padding-right:20px;}

footer { width:100%; }

/* sign up */
.signup_wrapper .content { width:auto; margin:0; overflow:hidden; padding:0; }


@media screen and (max-width:1024px) {
	.wrapper { width: 999px !important; }
	.login_body { width: 999px!important; }	
	.body { width:100%;}
}

@media screen and (max-width:1280px) {
	.wrapper { max-width:1260px; width: 100%; }
	.login_body { max-width:1260px; width: 100%; }
	.body { min-width: 100%; max-width: 1260px; width:100%;}	
}

@media screen and (min-width:1280px) {
	.wrapper { width: 1260px; }
	.login_body { width: 1260px; }
	.body { min-width: 100%; max-width: 1260px; width:100%;}
}

@media screen and (max-height:650px) {
.main	h2 { margin:10px auto 20px !important}
.main	h3 { font-size:14px !important; margin:10px auto 20px !important}
.main	h1.logo { height:68px !important; width:159px !important; } 
	figure { top:275px !important; height:200px !important; width:378px !important; margin-left:-189px !important; }
	.animate { height: 190px !important;}
	.pri { width:220px !important}
}

@media all and (max-width:1040px){
 header .wrapper .headermenu li {  padding-right:18px;}
}
/* Language Selection */
.multiLangCon{float:right;margin-right:0px;position: relative;}
.lang-selection .rightTopHd{width: 377px;}
.lang-selection .lang_sel{  margin-right: 10px; float:left; height: 35px; width: 48px;  text-indent: -5000px !important;  padding: 0px 6px; border-right:1px solid #386385;   }
.lang-selection .multiLang{position: absolute;top: 35px;z-index: 1000;background: #fff; }
.lang-selection .multiLang ul{padding:0px; margin:0px;}
.lang-selection header .wrapper .multiLang li{ padding:0px !important;margin:0px !important; }
.lang-selection header .wrapper .multiLang li a{display:inline-block;padding: 7px 10px 7px 5px !important; width: 85px; height: 25px; float:left; cursor:pointer; }
.lang-selection header .wrapper .multiLang li a:hover {  background-color: #D2E5ED;  color: #1374AB;}
.lang-selection .eg_flag{background:url(https://static.idriveonlinebackup.com/include/images/flag-icons.png)no-repeat 7px 8px; }
.lang-selection .sp_flag{background:url(https://static.idriveonlinebackup.com/include/images/flag-icons.png)no-repeat 3px -46px; height: 25px; width: 25px; float:left; padding:0px 0px 0px 32px; color: #333;  line-height: 30px;}
.lang-selection .lang_sel .DownArrow{ padding-right: 4px; float: right; width:15px; height:25px; background:url(https://static.idriveonlinebackup.com/include/images/language-down-arrow.png)no-repeat 0 16px;}
.lang-selection .lang_sel .UpArrow{background-position: 0px -14px !important;}
.dispN { display: none }  
.lang-selection .ge_flag{background:url(https://static.idriveonlinebackup.com/include/images/flag-icons.png)no-repeat 3px -105px; height: 25px; width: 25px; float:left; padding:0px 0px 0px 32px; color: #333;  line-height: 30px;}
.lang-selection .fr_flag{background:url(https://static.idriveonlinebackup.com/include/images/flag-icons.png)no-repeat 3px -171px; height: 25px; width: 25px; float:left; padding:0px 0px 0px 32px; color: #333;  line-height: 30px;}
