@charset "utf-8";
#page {
background: none;
}
.top-right, .top-left,  .bottom-right, .bottom-left,  .do_logo, .item_logo{ background-image: url(/images/download_overlay.gif); background-repeat:no-repeat;} 
/*-----------------------*/
.rounded-box { }
.top-right, .top-left,  .bottom-right, .bottom-left {height: 11px; font-size: 2px;} 
.rounded-box .top-left {
margin-right: 10px; 
padding-left:2px;
}

.rounded-box .top-right {
margin-top: -11px; 
margin-left: 10px; 
}

.rounded-box .bottom-left {
margin-right: 10px; 
}

.rounded-box .bottom-right {
margin-top: -11px; 
margin-left: 10px; 
}
.rounded-box .inside { padding:1px 0px}

.orange .top-left{ background-position: 0px -55px}
.orange .top-right { background-position: 100% -55px}
.orange .bottom-left{ background-position: 0px -66px}
.orange .bottom-right{ background-position: 100% -66px}
.orange .inside{ background-color: #FEA53C}

.sky .top-left{ background-position: 0px -78px}
.sky .top-right { background-position: 100% -78px}
.sky .bottom-left{ background-position: 0px -89px}
.sky .bottom-right{ background-position: 100% -89px}
.sky .inside{ background-color: #65BCDE}

.red .top-left{ background-position: 0px -134px; height:7px}
.red .top-right { background-position: 100% -134px; height:7px;margin-top: -7px; }
.red .bottom-left{ background-position: 0px -141px; height:7px}
.red .bottom-right{ background-position: 100% -141px; height:7px;margin-top: -7px; }
.red .inside{ background-color: #FF6600}

.green{ margin:0 auto}
.green .top-left{ background-position: 0px -118px; height:7px}
.green .top-right { background-position: 100% -118px; height:7px;margin-top: -7px; }
.green .bottom-left{ background-position: 0px -125px; height:7px}
.green .bottom-right{ background-position: 100% -125px; height:7px;margin-top: -7px; }
.green .inside{ background-color: #258200}

.blue .top-left{ background-position: 0px -101px; height:7px}
.blue .top-right { background-position: 100% -101px; height:7px;margin-top: -7px; }
.blue .bottom-left{ background-position: 0px -108px; height:7px}
.blue .bottom-right{ background-position: 100% -108px; height:7px;margin-top: -7px; }
.blue .inside{ background-color: #48AED8}

.litegreen .top-left{ background-position: 0px -233px}
.litegreen .top-right { background-position: 100% -233px}
.litegreen .bottom-left{ background-position: 0px -244px}
.litegreen .bottom-right{ background-position: 100% -244px}
.litegreen .inside{ background-color: #B9EEC8}

.green2 .top-left{ background-position: 0px -256px; height:7px}
.green2 .top-right { background-position: 100% -256px; height:7px;margin-top: -7px; }
.green2 .bottom-left{ background-position: 0px -263px; height:7px}
.green2 .bottom-right{ background-position: 100% -263px; height:7px;margin-top: -7px; }
.green2 .inside{ background-color: #55A56B}

/*-------------*/

.download_overlay{padding:10px 30px;  font-family:Tahoma, Geneva, sans-serif; font-weight:normal;}
.download_overlay .title{ font-size:30px; color:#424242; /*height:45px;*/ text-align:center;}

.download_overlay .inside .text{ color:#fff; font-size:18px; text-align:center; border-bottom:1px dashed #FFF; padding:5px 10px 0px 10px; height:35px; clear:both}
.download_overlay ul{ padding:0px 20px; font-size:14px; color:#FFF; list-style:none; margin:0px } 
.download_overlay li{ padding:0 0 0 0px ; margin:5px 0 0 0; clear: left} 
.download_overlay .features{ height:240px; padding:5px 15px 0 15px; font-size:14px; color:#FFF;}
.download_overlay .features_item{ margin: 10px 0 0 0; clear:both}
.download_overlay .features .item_text{ margin: 0 0 0 25px}
.download_overlay .features .item_logo{ width:17px; height:16px; margin:3px 10px 0px 0}
a { text-decoration:none}
.download_button { margin:10px auto 0 auto; width:330px;
color: #FFFFFF;
    font-size: 12px;
    text-decoration: none !important;
}
.download_button a{  display:block; color:#FFF; text-decoration:none !important;  padding:0 0 0 5px; font-size:12px; }
.download_button span { font-size:16px; line-height:1.5}
.download_button .inside{ padding: 0 5px} 
.item_logo, .download_button .item_text{ float:left}
#syncmate.download_overlay .download_button .item_text{ width: 260px}
.free_version .features .item_logo{background-position:-222px -4px;}
.pro_version .features .item_logo{ background-position:-222px -25px;}
.download_button .item_logo{background-position:-313px -2px; width:30px; height:30px; margin:0 10px 0 0  }


.pro_version .price,  .free_version .price{
	display:block;
	font-size:45px;
	line-height:60px;
	padding:10px 0 0 0;
	color:#FFF;
	text-align:center;
	width: auto;
	height:60px;
}
.free_version, .pro_version{text-align: left; margin:30px 0 0 0}
.free_version{width:347px; float:left }
.free_version li { background-position: 0px -153px;}

.pro_version{float: right; width:417px;}
.download_overlay .price_text{color:#FFF; font-size:12px; margin:0 30px 0 0px; width:150px; float:right; line-height:1.5 }
.pro_version .price strong{font-size:16px}

.pro_version li { background-position: -351px -153px;}
.purchase_button { margin:10px auto 0 auto; color:#FFF; text-decoration:none; text-align:center; font-size:22px; line-height:1.5; width:90%}

.download_overlay .footer{ padding:30px 0 0 0; color:#999; clear:both; text-align:left; font-size:13px}
.download_overlay .footer a{color:#48AED8; text-decoration:none}
.download_overlay .footer a:hover{text-decoration: underline}
.do_logo{width: 54px; height:54px; display:block; background-position: 0 0; margin: -40px auto 0px auto; position:relative }
.elmedia{background-position: -54px 0}
.folx{background-position: -162px 0}
.syncmate{background-position: -108px 0}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
