/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	}
body{
	font-size:12px;
	line-height:16px;
	color:#727272;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-image: url(Images/topnav-back.png);
	background-repeat: repeat-x;
	background-position: 0px -10px;
	}
html, body, #container, #container .fixwidth {
	height:100%;
	}
body > #container .fixwidth {height: auto; min-height: 100%;}

#middle {
	padding-bottom:100px;
	}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
 }
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */

a {
	color: #0072c4;
}
a img {
	border:0;
       }
table{
    border-collapse:collapse;
    }
p{ 
	margin:5px 0 10px 0;
	}
h2 {
	font-size:18px;
	color:#999;
	margin:20px 0 5px 0;
    }
.fixwidth{
	width: 950px;
	margin: 0 auto 0 auto;
	}
.clearer {
	height: 0px;
	font-size:0;
	line-height:0;
	clear: both;
}

/* Inside pages setting*/
body.inside .container {
	height: auto;
	min-height: 100%;	
}
.top {
	position: relative;
	height: 143px;
}
.logo {
	background-image: url(Images/UpClick.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 167px;
	position: relative;
	top: 20px;
	cursor:pointer;
}
.logo h1 {
	display: none;
}
.blueheader {
	position: relative;
	top: 58px;
	height: 25px;
	width: 211px;
	background-repeat: no-repeat;
}
.blueheader h2 {
	display: none;
}



/* Section Titles Start */
.about {
	background-image:url(Images/h2-about.png);
}

.privacy {
	background-image:url(Images/h2-privacy-policy.png);
}
.contact {
	background-image:url(Images/h2-contact-us.png);
}
.signup {
	background-image:url(Images/h2-signup.png);
}
.error {
	background-image:url(Images/h2-error.png);
}
.notfound {
	background-image:url(Images/h2-page-not-found.png);
}
.lostPW{
	background-image:url(Images/h2-lost-password.png);
	}
/* Section Titles End */


/*Inside pages right column setting*/
.content {
	float: left;
	width: 675px;
	min-height: 322px;
	height: auto !important;
	height:322px;
	padding: 40px 0px 40px 35px;
	margin: 0px 0px 40px 0px;
	background-image: url(Images/content-footer.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.resetPW h3 {
	display: none;
}
.resetPW
{	 background:url(Images/h3-reset-your-password.png) no-repeat left;
 	 height:30px;
	}
.btn-lostPW
{
	margin:-5px 0  0 10px;}
.content .h4 {
	background-repeat: no-repeat;
	height: 22px;
}


/* H4 - SubTitles Starts */
.content .let-us-contact-you{
	background:url(Images/h5-let-us-contact-you.png);
	background-repeat: no-repeat;
	}


.content h4 {
	display: none;
}
.content p {
	color: #727272;
	line-height: 20px;
	font-size: 12px;
	padding: 5px 0px;
}
.content a {
	color: #0068c9;
	text-decoration: underline;
}

.leftnav {
	width: 227px;
	height: 481px;
	position: relative;
	background-image: url(Images/leftnav-back.png);
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}
/*Page sticky footer setting */
.footer {
	position:relative;
	margin-top:-60px;
	height: 60px;
	clear:both;
	background-image: url(Images/footer-bground.png);
	background-repeat: repeat-x;
}

.footer .copyright {
	width: 950px;
	margin: 0 auto;
	text-indent: 25px;
	border-top: 1px solid #F1F1F1;
	padding: 7px 0px 20px 0px;
	color: #999;
	font-size:11px;
	clear: both;
}

/*bottom navigation*/
ul.bottomNav{
	list-style:none;
	width:500px;
	float:right;
	padding:2px 0;
	text-indent:0;
	}
ul.bottomNav li{
	display:block;
	float:right;
	border-left:1px solid #ececec;
	padding:0;
	width:auto;
	text-align:center;
	line-height:13px;
	}
	
ul.bottomNav li.noborder {
	border:0;
	}
ul.bottomNav li a{
	color:#999;
	text-decoration:none;
	display:block;
	padding:0 18px;
	}
ul.bottomNav li a:hover{
	color:#0072C4;
	}

/* contact us section setting*/
.contactInfoTable  td{
	padding:12px 0 ;
	border-bottom:1px solid #ededed;
	font-weight:bold;
	vertical-align:top;
	}
.contactInfoTable td.right{ 
	text-align:right; 
	font-weight:normal;
	font-size:12px;
	line-height:15px;
	}
.contactInfoTable h5{
	visibility:hidden;
	}
.contactInfoTable .email{
	background:url(Images/h5-email.png) no-repeat;
	width:47px;
	height:18px;
	margin:20px 0 0 0;
	}
.contactInfoTable .phone{
	background:url(Images/h5-phone.png) no-repeat;
	width:65px;
	height:18px;
	margin:20px 0 0 0;
	}
.contactInfoTable .office{
	background:url(Images/h5-head-office.png) no-repeat;
	height:18px;
	}
	
/*Contact Form setting*/

.contactForm{
	text-align:center;
	}
.contactFormColLeft, .contactFormColRight{
	width:310px;
	float:left;
	text-align:center;
	padding-bottom:30px;
	}
.contactFormColLeft{
	padding-right:50px;	
	text-align:left;
	}
.contactFormColLeft label, .contactFormColRight label{
	font-weight:bold;
	display:block;
	padding:15px 0 3px 3px;
	text-align:left;
	}
.contactForm input.textfield {
	background:#fff url(Images/textfieldbg.png) no-repeat;
	width:300px;
	padding:7px 3px 3px 7px;
	height:18px;
	line-height:18px;
	color:#747474;
	border:0;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
}
.contactForm input.short{
	width:150px;}
.contactForm select{
	width:310px;
	}
.contactForm label.agree{
	display:block;
	margin:15px auto 15px auto;
	}
.contactForm label.code{
	display:block;
	margin:15px auto 5px auto;
	}
.btnSubmit{
	margin:30px auto 10px auto;
	display:block;
	background:url(Images/btn-submit.png) no-repeat;
	width:187px;
	height:49px;
	border:0;
	outline:0;
}
ul.disc {
	margin:0 0 30px 30px;
	}

/*Home styles*/
body.home{
	background:none;
	}
body.home .top-background {
	background:url(images/home-back.png) repeat-x 0px 73px;
	position: relative;
	top:0;
}
body.home .container {
	width: 950px;
	margin: 0 auto;	
	position: relative;
	top:0;
}
body.home .top {
	position: relative;
	top:0px;
	height: 73px;
}
*+html body.home .top {/*IE7 fix*/
	top:-1px;
	height: 72px;
}
/* Top login setting*/
.blueBorder {
	background:#0266b6;
	height:3px;
	font-size:0;
	line-height:0;
	clear:both;
	position:relative;
	}
.LoginContainer{
	height:40px;
	padding:15px 0 10px 0;
	background:#f1faff;
	text-align:center;
	position:relative;
	}
.LoginContainer .container{
	height:40px;
	text-align:right;	
	position:relative;
	}
.login {
	float:right;
	padding-left:370px;
	width:auto;	
	position:relative;
}
.login input.textfield {
	background:#fff url(images/textfieldbg.png) no-repeat;
	width:175px;
	padding:7px 3px 3px 7px;
	height:18px;
	line-height:18px;
	color:#747474;
	border:0;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
}
.login input.textfield:focus {
	background:#fff url(images/textfieldbg-focus.png) no-repeat;
}
.login input {
	float: left;
	margin: 0px 0px 0px 5px;
}
.login label{
	float:left;
	padding:5px 0 0 15px;
	}
.loginEnter{ 
    width:50px;
	height:30px;
	display:block;
	float:left;
	background:url(images/btn-enter.png) no-repeat center center;
	cursor:pointer;
	border:0;
	outline:0;
	}
p.pw{ font-size:10px; margin:0; padding-right:140px;}
.loginArrow{
	 background:url(images/blue-arrow.png) no-repeat center top;
	 width:47px;
	 padding:15px 20px 0 20px;
	 float:right;
	 position:relative;
	 }	
a.loginButton{
	display:block;
	width:47px;
	height:33px;
	background:url(images/btn-login.png)  no-repeat;
	font-size:0;
	color:#ececec;
	}
/*home page blue banner setting*/
.banner {
	width: 950px;
	height: 266px;
	position: relative;
	background-image: url(images/home-banner-back.png);
	background-repeat: no-repeat;
}
.banner .slogan {
	background-image: url(images/h2-home.png);
	background-repeat: no-repeat;
	height: 96px;
	width: 562px;
	position: absolute;
	top: 47px;
}
.banner h2, .banner p {
	display: none;
}
.banner .message.p1 {
	background-image: url(images/banner-p1.png);
	background-repeat: no-repeat;
	height: 53px;
	width: 503px;
	position: absolute;
	top: 167px;
}

body.home .mid-background {
	background-image:url(images/home-back.png);
	background-repeat: repeat-x;
	background-position: 0px -266px;
}
body.home .middle {
	background-image: url(images/middle-left-back.png);
	background-repeat: no-repeat;
	background-position: -25px top;
	height: 518px;
	padding: 0px 15px 15px;
	width: 950px;
	margin: 0 auto;
}



body.home .middle .material {
	width: 925px;
	margin: 0px auto;
	padding: 0px 0px 0px 25px;
	position: relative;
}
.middle .material .main-point {
	width: 495px;
	float: left;
}
.middle .material .main-point .h3 {
	width: 100%;
	height: 29px;
}
.middle .material .main-point.complete .h3 {
	background:url(images/home-h3-boost-your-conversions.png) no-repeat;
}
.middle .material .main-point .h4 {
	background-repeat: no-repeat;
	height: 25px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ededed;
}
.middle .material .main-point.complete .h4 {
	background-image: url(images/home-h4-bestsolution.png);
}
.middle .material .main-point.platform .h4 {
	background-image: url(images/home-h4-flexible.png);
}
.middle .material .main-point h3, .middle .material .main-point h4 {
	display: none;
}
.middle .material .main-point .main-content {
	background-image:url(images/screens.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.middle .material .main-point p {
	font-size: 14px;
	color: #555;
	line-height: 20px;
	padding: 10px 0px 0px 0px;
}
/* sub points */

.middle .material .sub-points p 
{
	font-size: 12px;
	color: #858585;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
}
.middle .material .sub-points ul {
	padding: 10px 0px 10px 0px;
	height:30px;
	border-top: 1px solid #EFEFEF;
	margin: 0px 0px 0px 0px;
}
.middle .material .sub-points li {
	display: block;
	float:left;
	height:30px;
	width:auto;
	background: url(images/li-backgrounds.png) no-repeat left bottom;
	margin: 0px 30px 0px 0px;
	padding: 0 0 0 5px;
}
.middle .material .sub-points li.last {
	margin: 0px;
}
.middle .material .sub-points li:hover {
	background: url(images/li-backgrounds.png) no-repeat left top;
}
.middle .material .sub-points li a {
	display:block;
	float:left;
	width:auto;
	height:30px;
	line-height:30px;
	background: url(images/li-backgrounds.png) no-repeat right bottom;
	padding: 0px 17px 0px 12px;
	font-weight: normal;
	text-decoration: none;
	color: #1e1e1e;
	font-size: 13px;
	text-shadow: white 0px 1px 0px;
}
.middle .material .sub-points li a:hover {
	background: url(images/li-backgrounds.png) no-repeat right top;
}

.middle .material .sub-points li.active {
	background: url(images/li-backgrounds.png);
}

.middle .material .sub-points li.active a {
	background: url(images/li-backgrounds.png) no-repeat right top;
}
.middle .point{
	background:#fff;
	height:150px;
	width:500px;
	position:absolute;
	}
.middle .main-point .point  p{ margin:0; padding:5px 0;}
.middle .material .sub-points .point ul{
	width:40%;
	height:auto;
	float:left;
	border:0;
	margin: 0 10px 0 30px;
	padding:0;
	list-style-type:disc;
	 }
.middle .material .sub-points .point ul li
{
	background:none;
	height:18px;
	float:none;
	display:list-item;
	padding:0;
	}
	
/* RIGHT COLUMN */
.middle .material .right-column {
	float: right;
	width: 360px;
	margin: 20px 0px 0px 0px;
}
.middle .material .right-column .home-links ul li {
	display: inline;
	font-size: 13px;
	font-weight: bold;
}
.home-links ul li.left {
	padding: 0px 30px 0px 0px;
	border-right: 1px solid #b7b7b7;
}
.home-links ul li.right {
	padding: 0px 0px 0px 30px;
}
.home-links ul li a{
	text-decoration:none;
	}
.home-hr {
	/*background-image:url(images/home-right-hr.png);*/
	background-position: left center;
	background-repeat: repeat-x;
	height: 3px;
	padding: 20px 0px 10px 0;
}
.tag-cloud-title{
	height:30px;
	background:url(images/home-h3-upclick-can-help-you-with.png) no-repeat left top;
	border-bottom: 1px solid #EFEFEF;
	}
.tag-cloud-title h3{
	display:none;
	}
.middle .material .right-column .tag-cloud li {
	display: inline;
	margin: 0px 14px 0px 0px;
	line-height: 33px;
	text-transform: lowercase;
}
.middle .material .right-column .tag-cloud li.normal
{
	text-transform: none;
	}
.middle .material .right-column .tag-cloud li a {
	text-decoration: none;
	cursor:default;
}
.middle .material .right-column .tag-cloud li a:hover {
	/*background-color:#0077c7;
	color: #FFF!important;*/
}
.middle .material .right-column .tag-cloud li.one {
	font-size: 23px;
	color: #a2c608;
}
.middle .material .right-column .tag-cloud li.two {
	font-size: 18px;
	color: #666;
}
.middle .material .right-column .tag-cloud li.three {
	font-size: 12px;
	color: #999;
}
.middle .material .right-column .news {
	background-image: url(images/page-turn.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 0px 10px 10px 0px;
	height: 125px;

}
.middle .material .right-column .news .insights {
	background: url(images/h5-found-your-key-word.png) no-repeat left center;
	height: 22px;

}
.middle .material .right-column .news .insights h5 {
	display: none;
}
.middle .material .right-column .news p {
	padding: 11px 0px 0px 0px;
	line-height: 18px;
	font-size:12px;
}
/* NEWSLETTER */
body.home .footer {
	background-image:url(images/footer-bground.png);
	background-repeat:repeat-x;
	clear:both;
	height:auto;
	margin:0;
	position:relative;
	padding: 0px 0px 10px 0px;
}
.footer-top {
	margin: 0 auto;
	width: 950px;
	padding: 20px 0px 10px 25px;
}
.newsletter {
	width: 355px;
	height:170px;
	margin-right:18px;
	font-size: 12px;
	line-height: 18px;
	float: right;
}
.border{
	border:0;
	}
.stay-updated {
	background:url(images/stay-connected.png) no-repeat left center;
	height: 20px;
	margin-bottom: 12px;

}
.stay-updated h5 {
	display: none;
}

.fields label{ 
	display:block;  
	float:left; 
	clear:left; 
	width:35px; 
	height:18px;	
	padding:7px 0 3px 0; 	
	margin: 10px 5px 0px 0px; 	
	color: #a3a2a2; 
	}
.fields input.textfield, input.textfield {
	background:#fff url(images/textfieldbg.png) no-repeat;
	width:175px;
	padding:7px 3px 3px 7px;
	height:18px;
	line-height:18px;
	color:#747474;
	border:0;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
}

.fields input.textfield:focus , input.textfield:focus, input.textfield.active{
	background: url(images/textfieldbg-focus.png) no-repeat;
}
.fields input {
	float: left;
	margin: 10px 10px 0px 0px;
}
/*footer top left "Did you know"* section setting */
.knowledge{
	width:500px;
	float:left;
	padding-left:14px;
	}
.didYouKnow{	
	background:url(images/home-h4-didyouknow.png) no-repeat;
	height:25px;
	text-align:right;
	}
.didYouKnow h4{
	display:none;
	}
p.note{ 
	font-size:10px;
	color:#999;
	}
.show{
	display:block;
	}
.hide{
	display:none;
	}