@wrapWidth: 960px;

@gridBackground: #edede2;

.roundedCorners(@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -opera-border-radius: @radius;
  -o-border-radius: @radius;
  behavior: url(PIE.htc);
}

.box-shadow-all(@size: 5px, @color: #414141) {
  -moz-box-shadow: 0 0 @size @color;
  -webkit-box-shadow: 0 0 @size @color;
  box-shadow: 0 0 @size @color;
  behavior: url(PIE.htc);
}

.box-shadow-side(@size: 4px, @color: #414141) {
  -moz-box-shadow: -2px -2px @size @color;
  -webkit-box-shadow: -2px -2px @size @color;
  box-shadow: -2px -2px @size @color;
  behavior: url(PIE.htc);
}

.rotate(@deg: 0deg) {
	-moz-transform: rotate(@deg);
	-webkit-transform: rotate(@deg);
	-o-transform: rotate(@deg);
	-ms-transform: rotate(@deg);
	//filter:progod@DXImage.Microsoft.BasicImage(rotation=1.5);
}

//Gradiant Fill
.gradiantBackground(@startColor: #FFF, @endColor: #000) {
  background: @startColor;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); /* for webkit browsers */
   /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, @startColor,  @endColor);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, @startColor,  @endColor);
  /* IE 10 */
  background: -ms-linear-gradient(top, @startColor,  @endColor);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, @startColor,  @endColor);
  /* Future Browsers */
  background: linear-gradient(top, @startColor,  @endColor);
  /* IE 6-9 via PIE  */
  -pie-background: linear-gradient(top, @startColor,  @endColor);
  behavior: url(PIE.htc);
}

.nCircle {
            border-radius: 50%;
            width: 22px;
            height: 22px;
            background: #484848;
            border:0;
            color: #fff;
            text-align: center;
            font-size: 12px;
            display: inline-block;
            line-height: 22px;
            margin: 0 10px 10px 0;
        }

.clear {
	clear: both;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
}

	#headerm {
                height: 60px;
                background-color: #3f3f37;
		position: relative;
		margin: 0px;
		padding: 0px;
		z-index: -1;
		p {
			width: 960px;
                        height: 60px;
                        line-height: 5em;
                        display: block;
                        padding: 0px;
                        color: #FFF;
                        font-size: 12px;
                        text-transform: uppercase;
                        font-weight: bold;
                        margin: auto;
                        text-align: right;
			strong {
				font-weight: bold;
				font-size: 24px;
                                color: #FFF;
			}
		}
	}


.gridWrap {
	border-top: 2px solid @gridBackground;
	background: @gridBackground url('../imgs/bg-1113.png') top left repeat;
	min-height: 32px;
	clear: both;
}

#testimonial {
	width: 900px;
	margin: 0px auto;
	padding: 20px 0;
	h2 {
		color: #2f353e;
		font-size: 30px;
		padding: 20px 0px 0px 0px;
		margin: 0px;
		text-align: center;
                font-family: Times New Roman, serif;
                font-weight: normal;
                img {
				&.qleft {
					position: relative;
					height: 27px;
					width: 27px;
					top: -15px;
				}
				&.qright {
					position: relative;
					height: 27px;
					width: 27px;
					top: -15px;
				}
			}
	}
	p {
		text-align: right;
		margin: 0px;
		padding: 0px;
		color: #7d7d7d;
		font-size: 16px;
                padding: 0px 40px 0px 0px;
		a {
			color: #40b5ca;
		}
	}
}

#howitworks {
	width: @wrapWidth;
	margin: 0px auto;
	h2 {
		color: #191919;
                text-align: center;
                display: block;
                font-size: 28px;
                padding: 20px 0px 20px 0px;
                margin: 0px;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: bold;
	}
	.step {
		width: @wrapWidth / 3;
		float: left;
		margin: 0px 0px 60px 0px;
		span {
			display: block;
			width: 112px;
			height: 112px;
			line-height: 112px;
			background: #37a8bd;
			.roundedCorners(66px);
			text-align: center;
			vertical-align: middle;
			color: #FFF;
			font-size: 50px;
			font-weight: bold;
			padding: 0px;
			margin: 0px 0px 20px ((@wrapWidth / 3) - 112) / 2;
		}
		strong {
			text-align: center;
			display: block;
			color: #484848;
			font-size: 18px;
		}
		p {
			text-align: center;
			color: #7d7d7d;
			font-size: 16px;
			padding: 0px;
			margin: 10px 0px 0px 0px;
                        line-height: 22px;
		}
	}
}

#enterpreneur {
	width: @wrapWidth;
	margin: 0px auto;
	h2 {
            color: #191919;
            display: block;
            font-size: 28px;
            padding: 20px 0px 30px 0px;
            margin: 0px;
            font-family: Arial,Helvetica,sans-serif;
            font-weight: bold;
	}
	h3 {
            color: #484848;
            padding: 0 0 5px 0;
	}
        p {
            color: #484848;
            padding: 0 0 25px 0;
	}
}

#info {
	width: 890px;
	margin: 0px auto 50px auto;
	.infobox {
		width: 399px;
		height: 198px;
		padding: 1px;
		border: 1px solid #cdcdcd;
		p {
			color: #989898;
			font-size: 16px;
			line-height: 22px;
			strong {
				color: #2f353e;
			}
		}
		&.left {
			float: left;
			position: relative;
			p {
				margin: 0px;
				padding: 0px;
				text-align: center;
				strong {
				}
				&.first {
					margin: 20px 0px 0px 0px;
					padding-left: 15px;
					text-align: left;
				}
			}
			a {
				color: #40b5ca;
				text-align: right;
				float: right;
				padding-right: 15px;
                                font-size: 16px;
			}
			img {
				position: absolute;
				bottom: 1px;
				left: 1px;
			}
		}
		&.right {
			float: right;
			p {
				text-align: center;
                                padding: 0px;
				strong {
					line-height: 38px;
					height: 38px;
					display: block;
					margin-bottom: 25px;
					margin-top: 15px;
					img {
						display: inline-block;
                                                padding: 0px 5px 0px 5px;
					}
				}
			}
			a {
				color: #40b5ca;
				text-align: right;
				float: right;
				padding-right: 15px;
                                padding-top: 20px;
                                font-size: 16px;
			}
		}
	}
}

#meettheteam {
	width: @wrapWidth;
	margin: 0px auto;
	height: 359px;
	h2 {
		color: #191919;
                text-align: center;
                display: block;
                font-size: 28px;
                padding: 20px 0px 20px 0px;
                margin: 0px;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: bold;
	}
	.teammember {
		width: @wrapWidth / 3;
		float: left;
		img {
			display: block;
			margin: 0px auto;
		}
		span {
			display: block;
			color: #191919;
			text-align: center;
			font-size: 16px;
			margin-top: 10px;
			font-weight: bold;
		}
		p {
			text-align: center;
			font-size: 18px;
			font-weight: normal;
			margin-top: 15px;
			color: #191919;
                        font-family: Times New Roman, serif;
			.qleft {
				display: inline;
				margin: 0px 0px 0px -27px;
			}
			.qright {
				display: inline;
				margin: 0px -27px -13px 0px;
			}
		}
	}
}

#theprocess {
	width: @wrapWidth;
	margin: 0px auto;
        padding: 10px 0px 30px 0px;
	h2 {
		color: #191919;
                text-align: center;
                display: block;
                font-size: 28px;
                padding: 20px 0px 20px 0px;
                margin: 0px;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: bold;
	}
	.process {
		width: ((@wrapWidth - 96) / 3);
		float: left;
		border: 1px solid #cdcdcd;
		height: 273px;
		padding: 10px;
		&.left {
			background: url('../imgs/process1.png') top right no-repeat;
		}
		&.mid {
			margin: 0px 15px 0px 15px;
			background: url('../imgs/process2.png') top right no-repeat;
		}
		&.right {
			background: url('../imgs/process3.png') top right no-repeat;
		}
		h3 {
			display: block;
			color: #484848;
			margin: 0px;
			padding: 0px;
			height: 70px;
			line-height: 54px;
		}
		p {
			color: #7d7d7d;
			font-size: 14px;
			line-height: 24px;
		}
                ul {
			list-style: none;
			li {
				background: url('../imgs/green-li.png') 0px 5px no-repeat;
                                line-height: 21px;
			}
		}
	}
}

#faq {
	clear: both;
	width: @wrapWidth;
	margin: 0px auto;
        padding: 0px 0px 40px 0px;
	h2 {
		color: #191919;
                text-align: center;
                display: block;
                font-size: 28px;
                padding: 20px 0px 20px 0px;
                margin: 0px;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: bold;
	}
	h3 {
		font-size: 14px;
		font-weight: bold;
		color: #191919;
                padding: 0px 0px 10px 0px;
	}
	p {
		color: #7d7d7d;
		font-size: 14px;
		line-height: 22px;
	}
	ul {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		list-style: none;
		li {
			font-size: 13px;
			line-height: 22px;
			color: #7d7d7d;
		}
	}
	.columnLeft {
		width: 460px;
		float: left; 
	}
	.columnRight {
		width: 460px;
		float: right;
	}
}

#wrapm {
	width: @wrapWidth;
	margin: 0px auto;
	#mainm {
		h1 {
			font-size: 38px;
			color: #000;
			padding: 0px;
			margin: 20px 0px 12px 0px;
                        font-family: Arial,Helvetica,sans-serif;
                        font-weight: 100;
		}
		h2 {
			font-size: 20px;
			color: #4d4d4d;
			padding: 0px;
			margin: 0px 0px 30px 0px;
                        font-weight: 100;
		}
		ul {
			display: block;
			color: #7d7d7d;
			margin: 0px 0px 60px 40px;
			padding: 0px;
			list-style: none;
			li {
				color: #7d7d7d;
				padding: 0px 0px 0px 30px;
				margin: 0px 0px 10px 0px;
				background: url('../imgs/tick.png') top left no-repeat;
				font-size: 17px;
                                line-height: 20px;
			}
		}
		#packages {
			width: @wrapWidth;
			clear: both;
			.package {
				width: 233px;
				float: left;
				background: #FFF url('../imgs/packageback.png') 1px bottom repeat-x;
				margin-bottom: 40px;
				.inner {
					border: 1px solid #6f6f6f;
					border-bottom: 0px;
					background: #FFFFFF;
					&.left {
						border-right: 0px;
					}
					h3 {
						display: block;
						height: 66px;
						line-height: 66px;
						font-size: 16px;
						text-transform: uppercase;
						text-align: center;
						background: #969687;
						color: #FFF;
						margin: 0px;
						padding: 0px;
						border-bottom: 1px solid #6f6f6f;
                                                letter-spacing: 1px;
					}
                                        span {
                                            display:block;
                                            margin: 10px auto;
                                            text-align: center;
                                        }
					p {
						font-weight: bold;
						text-align: center;
						position: relative;
						display: block;
						margin: 0px;
						padding: 15px 0px 10px 0px;
						sup {
							vertical-align: top;
							font-size: 16px;
                                                        font-weight: bold;
                                                        font-family: Arial;
                                                        color: #000;
                                                        top:4px;
						}
						strong {
							font-size: 40px;
                                                        font-family: Arial,Helvetica,sans-serif;
                                                        color: #000;
						}
						span {
                                                        font-size: 16px;
                                                        font-weight: bold;
                                                        font-family: Arial;
                                                        color: #000;
                                                        display:inline-block;
						}
					}
					a {
						display: block;
						font-size: 13px;
						text-align: center;
                                                width: 70px;
                                                margin: 0px auto 10px auto;
						&.button {
							background: -webkit-linear-gradient(#45BCD2, #3BAFC4);
                                                        background: -o-linear-gradient(#45BCD2, #3BAFC4);
                                                        background: -moz-linear-gradient(#45BCD2, #3BAFC4);
                                                        background: linear-gradient(#45BCD2, #3BAFC4);
							border: 1px solid #2794a8;
							margin: 20px -1px 5px -1px;
							height: 60px;
							line-height: 60px;
							color: #FFF;
							font-size: 18px;
							font-weight: bold;
							text-decoration: none;
						}
					}
					ul {
						margin: 0px 0px 11px 0px;
						padding-bottom: 10px;
						li {
							background: none;
							margin: 0px;
							padding: 17px 0px 17px 0px;
							text-align: center;
							font-size: 13px;
							border-top: solid 1px #e2e2e2;
							color: #545454;
							span {
								font-size: 11px;
								display: block;
								color: #a4a4a4;
                                                                margin: 0px;
							}
                                                        &.singleline {
                                                            padding: 27px 0;
                                                        }
						}
					}
				}
				&.popular {
					position: relative;
                                        box-shadow: 18px 0 10px -10px rgba(0,0,0,0.15),-18px 0 10px -10px rgba(0,0,0,0.15);
					margin: -15px -3px 0px -1px;
					width: 253px;
					img {
						position: absolute;
						top: -9px;
						right: -9px;
					}
					.inner {
						h3 {
							
						}
						a.button {
							margin: 20px 5px 5px 5px;
							background: -webkit-linear-gradient(#E95A40, #E24E37);
                                                        background: -o-linear-gradient(#E95A40, #E24E37);
                                                        background: -moz-linear-gradient(#E95A40, #E24E37);
                                                        background: linear-gradient(#E95A40, #E24E37);
							border: 1px solid #b53d2c;
						}
					}
				}
			}
		}
	}
}

#footerWrap {
	background: url('../imgs/footerback.png') top left repeat-x;
	height: 437px;
	#footerTop {
		width: @wrapWidth;
		margin: 0px auto;
		height: 210px;
		padding: 35px 0px 0px 0px;
		.footerBlock {
			width: ((@wrapWidth - 2) / 3);
			float: left;
			&.mid {
				border-left: 1px solid #383939;
				border-right: 1px solid #383939;
				width: ((@wrapWidth - 2) / 3) - 40;
				padding: 0px 20px;
			}
			&.right {
				width: ((@wrapWidth - 2) / 3) - 40;
				padding: 0px 20px;
				background: url('../imgs/footerlogo.png') right center no-repeat;
			}
			table {
				width: 100%;
				border: 0px;
				font-size: 14px;
				tr {
					th {
						font-weight: bold;
						text-align: left;
						color: #FFF;
						margin: 0px;
						padding: 0px 0px 10px 0px;
					}
					td {
						color: #FFF;
						width: 50%;
						a {
							color: #FFF;
							text-decoration: none;
						}
					}
				}
			}
		}
	}
	#footerBottom {
		width: @wrapWidth;
		margin: 0px auto;
		p {
			color: #1C1C1C;
			font-size: 13px;
			a {
				color: #1b1b1b;
				text-decoration: none;
			}
			img {
				float: right;
			}
		}
	}
}

#lightbox-shadow {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	z-index: 1000;
}

.lbform {
	width: 580px;
	min-height: 160px;
	padding: 30px;
	position: absolute;
	background: #fff;
	z-index: 1001;
	.roundedCorners(8px);
	a.close {
		position: absolute;
		display: block;
		height: 36px;
		width: 36px;
		background: url('../imgs/close.png') top left no-repeat;
		top: -27px;
		right: -17px;
		cursor: pointer;
	}
	a {
		color: #44c0dc;
		font-size: 15px;
		display: block;
		height: 48px;
		line-height: 48px;
		float: left;
	}
	a.signup {
		display: block;
		width: 120px;
		height: 48px;
		background: url('../imgs/signup.png') top left no-repeat;
		float: right;
	}
	p {
                color: #000;
                font-size: 13px;
                line-height: 19px;
		&.quote {
		}
		strong {
			color: #4a4a4a;
		}
		&.proofrequired {
			padding: 40px 0px 0px 90px;
			background: url('../imgs/checkid.png') left center no-repeat;
                        background-position: 0px 45px;
		}
                a {
                    color: #44c0dc;
                    font-size: 13px;
                    height: auto;
                    line-height: normal;
                    float: none;
                }
        }
	h2 {
		font-size: 24px;
		color: #4a4a4a;
                margin-bottom: 10px;
	}
	h3 {
		color: #4a4a4a;
                padding-bottom: 5px;
	}
        ul {
                li {
                    color: #000;
                    font-size: 13px;
                    line-height: 19px;  
                    background: url(/imgs/red-li.png) 0px 4px no-repeat;
                    list-style-type: none;
                    margin: 0px;
                    padding: 0px 15px;
                    a {
                            color: #44c0dc;
                            font-size: 13px;
                            height: auto;
                            line-height: normal;
                            float: none;
                            display: -webkit-inline-box;
                       }
                 }
        }
	.box {
		padding: 25px;
		background: #f1f2ec;
	}
	
	&#quote {
		padding-left: 45px;
		padding-right: 45px;
		p {
			color: #2f3237;
			font-size: 17px;
			position: relative;
                        line-height: 28px;
                        padding-bottom: 30px;
                        display: inline-block;
			img {
				&.qleft {
					position: absolute;
					height: 27px;
					width: 27px;
					display: block;
					top: -17px;
					left: -27px;
				}
				&.qright {
					position: relative;
					height: 27px;
					width: 27px;
					display: inline-block;
					margin: -13px 0px -13px 0px;
				}
			}
                        span {
                        color: #9a9a9a;
                        display: inline-block;
                        float: right;
                        font-size: 15px;
                        }
		}
	}
        div.overseas-img {
            height: 94px;
            width: 114px;
            display: inline-block;
            float: right;
            background: url('/imgs/overseaspopup.png') no-repeat;
            padding-left: 10px;
        }
}
/*Tooltips*/
div.tooltips{
    cursor: default;
    position: absolute;
    display: inline-block !important;
    background: url('/imgs/tooltip.png') center no-repeat;
    width: 15px !important;
    height: 15px;
    margin: 0px !important;
    padding: 0px 11px 7px 11px;
    span {
        position: absolute;
        width:200px;
        color: #000000 !important;
        background: #FFFFFF;
        border: 1px solid #6d6d6d;
        height: auto;
        line-height: normal;
        text-align: left !important;
        display:none !important;
        border-radius: 6px;
        box-shadow: 2px 2px 10px #bbb;
        font-size: 13px !important;
        padding: 10px;
        
        a {
           display: inline-block !important;
           margin: 0px !important;
           width: auto !important;
           text-align: left !important;
           font-size: 13px !important;
          }
    }
    span:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 40%;
        margin-left: 0px;
        width: 0;
        height: 0;
        border-bottom: 9px solid #6d6d6d;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
    }
    span:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 41%;
        margin-left: 0px;
        width: 0;
        height: 0;
        border-bottom: 8px solid #FFFFFF;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }
}
div:hover.tooltips {
    text-decoration: none;
    span {
        display:inline-block !important;
        opacity: 1;
        top: 27px;
        left: 50% !important;
        margin-left: -100px !important;
        z-index: 999;
    }
}
.tooltips span:hover .tooltips, .tooltips:hover {
    display:inline-block !important;
}