/* Elitehost Website v5 */
/* Copyright 2012 Optify Systems */
/* Design and Coding by Sam Asante and Jason How-Kow and */


* {margin: 0; padding: 0; outline: none; font-family: Lato, Helvetica, Arial, sans-serif !important;
}

.left {
	float: left !important;
}

.imageleft {
	float: left !important;
	margin: 10px 0px 0px 19px;
}



.right {
	float: right !important;
}

.clear {
	clear: both !important;
}

.margin-space {
	margin-bottom: 15px;
}

body {
	background: url(images/bg.jpg) repeat-x #fcfefe;

}



#wrapper {
	width: 945px;
	margin: 0 auto;
	background: url(images/wrapper-bg.jpg) no-repeat top center;
}

#top-bar {
	height: 30px;
	overflow: hidden;
	line-height: 26px;
	padding: 0 20px;
}

#open-sales-ticket {
	color: white;
	font-size: 14px;
	text-shadow: 0px 1px 0px #072943;
	float: left;
	padding-left: 20px;
	text-decoration: none;
	background: url(images/chat-icon.png) no-repeat center left;
}


#open-sales-ticket:hover {
	text-decoration: underline;
}

#live-chat {
	color: white;
	font-size: 14px;
	text-shadow: 0px 1px 0px #072943;
	float: left;
	display:none;
	padding-left: 20px;
	text-decoration: none;
	background: url(images/chat-icon.png) no-repeat center left;
}

#live-chat:hover {
	text-decoration: underline;
}

#live-chat #online {
	color: #b2ff2c;
}

#top-links {
	float: right;
}

#top-links li {
	list-style: none;
	background: url(images/top-sep.png) center right no-repeat;
	padding: 0 10px;
	float: left;
}

#top-links li a {
	color: #6ceaff;
	font-size: 14px;
	text-shadow: 0px 1px 0px #072943;
	text-decoration: none;
}

#top-links li a:hover {
	color: white;
	text-decoration: underline;
}

#top-links li.last {
	padding: 0 0 0 10px;
	background: none;
}

#header {
	height: 95px;
	top: 0;
}

#header h1 a {
	background: url(images/logo.png) no-repeat;
	width: 151px; height: 30px;
	float: left;
	text-indent: -99999px;
	display: block;
	margin-top: 30px;
}

#header #login {
	float: right;
	width: 154px; height: 104px;
	background: url(images/login-sprite.png) no-repeat top left;
	display: block;
	margin-top: 33px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px -1px 0px #2e829f;
	height: 34px;
	line-height: 28px;
	padding-left: 10px;
	width: 143px;
	text-decoration: none;
}

#header #login:hover {
	background-position: left center;
}

#header #login.active {
	background-position: left bottom;
}


#nav {
	width: 945px; height: 52px;
	background: url(images/nav.png) repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 2px 2px rgba(43,118,156,0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(43,118,156,0.3);
	box-shadow: 0px 2px 2px rgba(43,118,156,0.3);
	font-family: Lato Bold, Helvetica, Arial, sans-serif;
	overflow: hidden;
	font-smooth: always;
	
}

#nav li {
	float: left;
	list-style: none;
	background: url(images/nav-sep.png) top right no-repeat;
	height: 52px;
	
}

#nav li a span#home {
	text-indent: -9999px;
	background: url(images/nav-home.png) no-repeat 0px 15px;
	width: 24px; height: 52px;
	display: block;
}

#nav li a {
	color: #295885;
	text-shadow: 0px 1px 0px white;
	font-size: 16px;
	text-decoration: none;
	line-height: 52px;
	height: 52px;
	display: block;
	padding: 0 20px;
	margin-right: 2px;
	font-family: Lato-Bold, Helvetica, Arial, sans-serif;
}

#nav li.last {
	background: none;
	width: 111px;
}

#nav li.last a {
	padding: 0 0 0 25px;
	margin-right: 0px;
}

#nav a.current, #nav a:hover {
	background: url(images/nav-current.png) repeat-x;
}

/* Sub-menu */

#nav .sub
{
    display: none;
	z-index: 99999;
}

#nav .sub, #nav .menu-top 
{
    position: absolute;
	float: left;
	width: 208px;
}

#nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
	width: 208px;
	background: url( images/dropdown-top.png) no-repeat;
    display: block;
    position: absolute;
    z-index: 99999;
}

#nav ul.last
{
	background: url( images/dropdown-top-last.png) no-repeat;
	left: -80px;
}


#nav ul li
{
	background: none;
    float: none;
    margin: 0;
    padding: 0;
    display: block;
	height: 40px;
	background: url( images/dropdown-sback.png) no-repeat top left;
}

#nav ul li:first-child
{
	height: 48px;
	background: none;
}

#nav ul li:last-child
{
	height: 40px;
	
}

#nav ul a:first-child
{
	height: 45px;
}

#nav ul a
{
	color: #295885;

	font-size: 14px;
    padding: 0px 10px 10px 5px;
    height: 40px;
    line-height: 40px;
	text-indent: 10px;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}

img.menuicon { 
margin-right: 10px; 
margin-bottom: 7px; 
border: 0px;
}

*html #nav ul a /* IE6 */
{
        height: 10px;
        width: 150px;
}

*:first-child+html #nav ul a /* IE7 */
{
        height: 10px;
        width: 150px;
}

#nav ul a:hover
{
	background: none;

}

#nav ul li:first-child a
{
	padding: 8px 0px 0px 5px;
	
}

#nav ul li:last-child a
{
	background: url(images/dropdown-bottom.png) no-repeat left bottom;
	height: 35px;
	
}

#nav ul li a:hover
{
	background: url(images/dropdown-mid-hover.png) no-repeat;
}


#nav ul li:first-child a:hover
{
	background: url(images/dropdown-first-hover.png) no-repeat;
}

#nav li:last-child ul li:first-child a:hover
{
	background: url(images/dropdown-first-hover-last.png) no-repeat;
}


#nav ul li:last-child a:hover
{
	background: url(images/dropdown-bottom-last.png) no-repeat bottom left;
}

* html #nav             { zoom: 1; } /* IE6 */
*:first-child+html #nav { zoom: 1; } /* IE7 */

#banner {
	float: left;
	background: url(images/banner-bg.png) no-repeat;
	width: 641px; height: 137px;
	margin-top: 30px;
	padding: 20px;
	z-index: 2000;
}

#banner h2 {
	font-size: 26px;
	color: #295885;
	text-shadow: 0px 1px 0px white;
}

#banner h2 strong {
	color: #0791c2;
}

#banner ul li {
	float: left;
	font-weight:bold;
	list-style: none;
	color: #0791c2;
	font-size: 16px;
	text-shadow: 0px 1px 0px white;
	margin-top: 8px;
	background: url(images/tick.png) center left no-repeat;
	padding-left: 20px;	
	margin-right: 20px;
}

#banner ul li strong {
	color: #63884a;

}

#banner .left {
	width: 490px;
}

#banner .full {
	width: 641px;
	z-index: 2000;
}

#banner .blue-button {
	clear: both;
	margin-top: 13px;
}

.blue-button {
	background: url(images/blue-button.png) repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	height: 38px;
	padding: 0 20px;
	color: white;
	float: left;
	text-shadow: 0px -1px 0px #20577e;
	border: 1px solid #27648f;
	-moz-box-shadow: inset 0px -2px 24px rgba(24,75,110,0.55), inset 0px 1px 0px rgba(255,255,255,1);
	-webkit-box-shadow: inset 0px -2px 24px rgba(24,75,110,0.55);
	box-shadow: inset 0px -2px 24px rgba(24,75,110,0.55);
	line-height: 38px;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
}

.blue-button:hover {
	background-position: left center;
}

.blue-button:active {
	background-position: left bottom;
}


.blue-button-contact {
	background: url(images/blue-button.png) repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	height: 22px;
	padding: 0px 15px;
	color: white;
	margin-bottom: 10px;
	margin-right: 10px;
	text-shadow: 0px -1px 0px #20577e;
	border: 1px solid #27648f;
	-moz-box-shadow: inset 0px -2px 24px rgba(24,75,110,0.55), inset 0px 1px 0px rgba(255,255,255,1);
	-webkit-box-shadow: inset 0px -2px 24px rgba(24,75,110,0.55);
	box-shadow: inset 0px -2px 24px rgba(24,75,110,0.55);
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
}

.blue-button-contact:hover {
	background-position: left center;
}

.blue-button-contact:active {
	background-position: left bottom;
}

.blue-button-more {
	margin-top: 10px;
	background: url(images/blue-button.png) repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	height: 30px;
	margin-left:400px;
	padding: 0 15px;
	color: white;
	float: left;
	text-shadow: 0px -1px 0px #20577e;
	border: 1px solid #27648f;
	-moz-box-shadow: inset 0px -2px 24px rgba(24,75,110,0.55), inset 0px 1px 0px rgba(255,255,255,1);
	-webkit-box-shadow: inset 0px -2px 24px rgba(24,75,110,0.55);
	box-shadow: inset 0px -2px 24px rgba(24,75,110,0.55);
	line-height: 25px;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
}

.blue-button-more:hover {
	background-position: left center;
}

.blue-button-more:active {
	background-position: left bottom;
}

#banner img {
	margin-top: 0px;
	z-index: 2000;
	clear: both;
}

.banner-slide {
	height: 150px;
	overflow: hidden;
}

#banner-controls {
	width: 63px; height: 14px;
	background: url(images/banner-controls.png) no-repeat;
	left: 280px;
    clear: both;
    float: left;
    position: relative;
    top: -25px;
    padding: 8px 15px;
}

#banner-controls li {
	background: none !important;
	padding: 0 !important;
	margin: 0 3px 0 0 !important;
}

#banner-controls li a {
	display: block;
	width: 16px; height: 18px;
	background: url(images/banner-controls-li.png) no-repeat left -16px;
	text-indent: -9999px;
}

#banner-controls li a.current {
	background-position: left top;
}

#dotm {
	width: 248px; height: 176px;
	background: url(images/dotm.png) no-repeat;
	float: right;
	margin-top: 30px;	
}

#dotm h2 {
	height: 38px;
	color: #592c00;
	text-shadow: 0px 1px 0px #ffed46;
	font-size: 18px;
	text-indent: 45px;
	margin-top: 12px;
	line-height: 34px;
}

#dotm h3 {
	text-align: center;
	color: white;
	text-shadow: 0px 1px 0px #326d0b;
	font-size: 16px;
	font-weight: 400;
	width: 160px;
	margin-left: 47px;
    margin-top: 10px;
    height: 50px;
    padding-top: 5px;
}


#dotm a {
	text-shadow: 0px -1px 0px #bb5600;
	color: #ffe6b9;
	font-size: 16px;
	width: 220px; height: 40px;
	display: block;
	text-decoration: none;
	margin-left: 17px;
    line-height: 34px;
    text-align: center;
    font-weight: bold;
   	-moz-transition: font-size 0.3s;
	-webkit-transition: font-size 0.3s;
	transition: font-size 0.3s;
	margin-top: 10px;
}

#dotm a strong {
	text-transform: uppercase !important;
	color: white;
}

#dotm a:hover {
	font-size: 17px;
	-moz-transition: font-size 0.3s;
	-webkit-transition: font-size 0.3s;
	transition: font-size 0.3s;
}

.content-sep {
	width: 1041px; height: 38px;
	background: url(images/content-sep.png) no-repeat -70px 0;
	float: left;
	clear: both;
	margin-top: 30px;
}

#domain-reg {
	width: 910px; height: 56px;
	background: url(images/domain-reg.png) no-repeat;
	float: left;
	clear: both;
	padding: 13px 16px 0 20px;
}

#contact-form label{
float: left;
font-weight: bold;
font-size: 16px;
color: #69899c;
padding:8px;
}

#contact-form .link {
	color: #378CCB;
	font-size: 14px;
	width: 820px;
	text-transform: none !important;
	text-decoration: none !important;
	border-bottom: 1px dotted #18525E;
	
}


#domain-reg h3 {
	color: #2a5a7f;
	text-shadow: 0px 1px 0px white;
	font-size: 18px;
	float: left;
	width: 235px;
	line-height: 36px;
}

#contact-form {
	width: 630px;
	float: left;
	clear: both;
	padding: 0 10px 0 5px;
	text-transform: none !important;
}

#contact-form h3 {
	font-size: 26px;
	color: #3a6190;
	margin-left: 10px;	
}


#domain-reg .textbox {
	height: 22px;
	border: 1px solid #9ec7d3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: white;
	-moz-box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	-webkit-box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	float: left;
	margin-left: 14px;
	padding: 8px
}


#contact-form .textbox {
	height: 22px;
	border: 1px solid #9ec7d3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: white;
	-moz-box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	-webkit-box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	float: none;
	margin-left: 110px;
	padding: 8px;
	margin-bottom: 10px
}


#contact-form .textbox:hover {
	border: 1px solid #808CA5;

}


#contact-form .textboxbig {
	float: none;
	margin-left: 110px;
	margin-bottom: 10px
}


#contact-form .message-textarea{
	font-size: 16px;
	color: #69899c;
	width:505px;
	text-transform: none !important;
	height:250px;
	font-size:17px;
	border: 1px solid #9ec7d3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: white;
	-moz-box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	-webkit-box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	float: none;
	padding: 8px;
	margin-bottom: 10px
}

#contact-form .message-textarea:hover{
	border: 1px solid #808CA5;

}

#domain-reg .textbox input[type=text] {
	width: 320px;
	font-weight: bold;
	font-size: 16px;
	color: #69899c;
	text-transform: none !important;
	background: none;
	border: none;
}

#domain-reg .textbox select {
	background: none;
	border: none;
	font-weight: bold;
	font-size: 16px;
	color: #69899c;
	width: 105px;
	text-transform: none !important;
}

#domain-reg .blue-button {
	margin-left: 15px;
	width: 170px;
	height: 39px !important;
}


#contact-form .textbox input[type=email]{
	width: 340px;
	font-weight: bold;
	font-size: 16px;
	color: #69899c;
	background: none;
	border: none;
}

#contact-form .textbox input[type=text]{
	width: 340px;
	font-weight: bold;
	font-size: 16px;
	color: #69899c;
	background: none;
	border: none;
}


input:invalid{
	background: url(images/field-error.png) no-repeat 95% 50%;

}


#contact-form .textbox select {
	background: none;
	border: none;
	font-weight: bold;
	font-size: 16px;
	color: #69899c;
	width: 500px;
}

#contact-form .blue-button {
	margin-left: 110px;
	margin-bottom: 15px;
	width: 170px;
	height: 39px !important;
}

.package {
	float: left;
	width: 279px; height: 352px;
	background: url(images/package-bg.jpg) no-repeat;
	margin-top: 30px;
	margin-right: 54px;
}

.package-head {
	height: 75px;
	padding-top: 10px;
}

.package-head h3 {
	color: white;
	font-size: 22px;
	text-align: center;
	text-shadow: 0px 1px 2px #126078;
}

.package-head h4 {
	color: #fffb8e;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	text-shadow: 0px 1px 0px #1c8094;
}

.package ul {
	list-style: none;
	margin-left: 11px;
    margin-top: 10px;
}

.package ul li {
	width: 255px; height: 30px;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px 1px 0px white;
	text-align: center;
	border: 1px solid #ddf2f6;
	line-height: 30px;
	margin-top: -1px;
}

.package ul li.odd {
	color: #3e81ac;
	background: #f2fcfe;
}

.package ul li.even {
	color: #1895c3;
	background: #f5feff;
}

.green-button-small {
	background: url(images/green-button.png) repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	height: 38px;
	padding: 0 10px;
	color: white;
	float: left;
	text-shadow: 0px -1px 0px #3f7a12;
	font-weight: bold;
	border: 1px solid #3c8913;
	-moz-box-shadow: inset 0px -2px 24px rgba(67,109,0,0.55);
	-webkit-box-shadow: inset 0px -2px 24px rgba(67,109,0,0.55);
	box-shadow: inset inset 0px -2px 24px rgba(67,109,0,0.55);
	line-height: 38px;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
}

.green-button-small:hover {
	background-position: left center;
}

.green-button-small:focus {
	background-position: left bottom;
}

.package .green-button-small {
	width: 215px;
	margin-left: 11px;
	margin-top: 13px;
	text-align: center;
}

.green-button {
	background: url(images/green-button.png) repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	height: 38px;
	padding: 0 20px;
	color: white;
	float: left;
	text-shadow: 0px -1px 0px #3f7a12;
	font-weight: bold;
	border: 1px solid #3c8913;
	-moz-box-shadow: inset 0px -2px 24px rgba(67,109,0,0.55);
	-webkit-box-shadow: inset 0px -2px 24px rgba(67,109,0,0.55);
	box-shadow: inset inset 0px -2px 24px rgba(67,109,0,0.55);
	line-height: 38px;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
}

.green-button:hover {
	background-position: left center;
}

.green-button:focus {
	background-position: left bottom;
}

.package .green-button {
	width: 215px;
	margin-left: 11px;
	margin-top: 13px;
	text-align: center;
}

.package.last {
	margin-right: 0;
}

#testimonial {
	background: url(images/testimonial.png) no-repeat;
	width: 865px; height: 67px;
	margin-top: 30px;
	font-size: 14px;
	color: #51451b;
	text-shadow: 0px 1px 0px white;
	padding-left: 85px;
	clear: both;
	float: left;
	line-height: 24px;
}

#testimonial  p {
	margin-top: 10px;
	margin-right: 10px;
}

#testimonial span {
	font-size: 12px;
	color: #c29807;
}

#powered-by {
	text-indent: -9999px;
	background: url(images/powered-by.gif) no-repeat;
	width: 945px; height: 64px;
	float: left;
	clear: both;
}

.pb {
	padding-bottom: 30px;
}

#footer {
	background: url(images/footer-bg.jpg) repeat-x;
	height: 285px;
	clear: both;
}

#footer-wrapper {
	width: 945px;
	padding-top: 25px;
	margin: 0 auto;
}

#footer-wrapper ul {
	float: left;
	margin-right: 60px;
}

#footer-wrapper ul li {
	list-style: none;
	text-shadow: 0px -1px 0px #136786;
}

#footer-wrapper ul li h3 a{
	color: white;
	display: block;
	font-size: 24px;
	text-decoration: none;
	background: url(images/footer-ul-sep.png) repeat-x left bottom;
	padding-bottom: 12px;
	margin-bottom: 10px;
}

#footer-wrapper ul li {
	margin-bottom: 5px;
}

#footer-wrapper ul li a {
	color: white;
	text-decoration: none;
	font-size: 14px;
}

#footer-wrapper ul li a:hover {
	text-decoration: underline;
}

#footer-right {
	float: right;
	background: url(images/footer-sep.png) no-repeat top left;
	width: 285px;
	padding-left: 70px;
}

#footer-right h3 a {
	float: right;
	display: block;
	background: url(images/footer-logo.png) no-repeat;
	width: 281px; height: 42px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

#footer-right #copyright {
	font-size: 14px;
	color: #8dd6e3;
	text-align: right;
	text-shadow: 0px -1px 0px #136786;
}

#footer-right #commpanyinfo {
	font-size: 12px;
	margin-top: 4px;
	color: #8dd6e3;
	text-align: right;
	text-shadow: 0px -1px 0px #136786;
}

#footer-right #commpanyinfo a {
	color: #8dd6e3;
	text-decoration: none;
}

#footer-right ul {
	float: right;
	margin: 0;
	margin-top: 7px;
}

#footer-right ul li {
	float: left;
}

#footer-right ul li a {
	padding: 0 7px; 
	border-right: 1px solid #68cef7;
	display: block;
	float: left;
}

#footer-right ul li a.last {
	padding: 0 0 0 10px;
	border: none;
}

#twitter {
	background: url(images/twitter.png) no-repeat;
	width: 290px; height: 108px; 
	float: right;
	margin-top: 10px;
}

#twitter a#follow-us {
	float: left;
	display: block;
	width: 55px; height: 40px;
	text-indent: -9999px;
	top: 68px;
	position: relative;
}

#twitter p {
	float: left;
	color: #a3e6ff;
	font-size: 12px;
	line-height: 18px;
	text-shadow: 0px 1px 0px #0d6182;
	width: 205px;
	margin: 5px 0px 0px 20px;	
}

#twitter p a {
	color: white;
	text-decoration: underline;
}

#social {
	float: left;
	clear: both;
	margin-top: 40px;
	color: #8dd6e3;
}

#footer-left {
	float: left;
}

/*Login Drop Down*/

#signin_menu {
	background: url(images/login-bg.png) no-repeat;
 	display:none;
    position:relative;
    width:210px;
    z-index:100;
    padding:12px;
    top: 65px; 
    left: 571px; 
    margin-right: 0px;
	border: none;
}

#signin_menu  .blue-button {
	width: 205px;
	height: 39px !important;
	font-size: 16px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    height: 22px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #9ec7d3;
	-moz-box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	-webkit-box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	box-shadow: inset 2px 2px 2px #e5f4ff, 0px 1px 0px white;
	-moz-transition: opacity 0.3s;
	padding:10px;
    top: 24.5px; 
	width: 180px;
    right: 0px; 
	margin-top: 5px;
    margin-left: 2px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #69899c;
	background: #edf5f6;
	border: none;
}

#signin_menu p {
    margin:0;
}

/* Sub Page */

.box {
	clear: both;
	background: white;
	margin-top: 15px;
	border: 1px solid #d9e0e3;
	-moz-border-radius: 4px;
	-moz-box-shadow: inset 2px 2px 0px #fafcfd, inset -2px -2px 0px #fafcfd, 0px 1px 1px rgba(188,207,215,0.4);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: inset 2px 2px 0px #fafcfd, inset -2px -2px 0px #fafcfd, 0px 1px 1px rgba(188,207,215,0.4);
	border-radius: 4px;
	box-shadow: inset 2px 2px 0px #fafcfd, inset -2px -2px 0px #fafcfd, 0px 1px 1px rgba(188,207,215,0.4);
	float: left;
	padding: 14px;
	width: 914px;
}

.subpage-content {
	width: 670px;
	float: left;
}

.sidebar {
	background: #f3fafc;
	float: right;
	width: 220px;
	margin: -17px;
	border: 1px solid #d5dee2;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	-moz-box-shadow: inset 0inset 0px 1px 0px #efefef, inset -15px -5px 200px rgba(181,210,223, 0.3);
	-webkit-box-shadow: inset 0px 1px 0px #efefef, inset -15px -5px 200px rgba(181,210,223, 0.3);
	box-shadow: inset 0px 1px 0px #efefef, inset -15px -5px 200px rgba(181,210,223, 0.3);
	height: auto !important;
	padding: 10px 0 0;
}

.subpage-content h3 {
	width: 670px;
	font-size: 23px;
	color: #344a53;
	border-bottom: 1px solid #e1e8eb;
	margin-bottom: 10px;
    padding-bottom: 10px;
}

.subpage-content h4 {
	font-size: 16px;
	color: #577085;
}

.subpage-content p {
	font-size: 14px;
	line-height: 24px;
	color: #344a53;
	margin-bottom: 15px;
}

.notes {
	font-size: 11px !important;
	line-height: 20px !important;
}

#contact-form p {
	margin-left: 10px;	
	text-transform: none !important;
}
.sidebar ul li {
	list-style: none;
	height: 42px;
}

.sidebar ul li a {
	display: block;
	height: 41px;
	line-height: 38px;
	border-bottom: 1px solid #e6eff3;
	color: #295885;
	font-size: 15px;
	text-shadow: 0px 1px 0px white;
	text-decoration: none;
	padding-left: 20px;
	-moz-transition: text-indent 0.3s;
	-webkit-transition: text-indent 0.3s;
	transition: text-indent 0.3s;
	margin-bottom: 1px;
}

.sidebar ul li a:hover {
	text-indent: 5px;
	background: #fbfeff;
	-moz-transition: text-indent 0.3s;
	-webkit-transition: text-indent 0.3s;
	transition: text-indent 0.3s;
}

.sidebar ul li a.current {
	background: url(images/sidebar-current.png) left top no-repeat;
	color: white;
	text-shadow: 0px 1px 0px grey;
	margin-left: -15px;
	padding-left: 15px;
	font-weight: bold;
	border: none;
	text-indent: 0px !important;
}

#subpage .box {
	padding: 20px !important;
	width: 905px;
}

#sub-header {
    margin-top: 15px;
	height: 92px;
	background: url(images/sub-head-bg.png) left top no-repeat;;
	
	
}

#sub-header .left {
	font-size: 34px;
	color: white;
	font-smooth: always;
	line-height: 92px;
	float: left;
	padding: 5px 0px 0px 0px;
	margin-left: 10px;
	text-shadow: 0px 1px 0px white;

}

#sub-header .right {
	font-size: 18px;
	color: white;
	font-smooth: always;
	line-height: 92px;
	float: right;
	padding: 5px 0px 0px 0px;
	margin-right: 10px;
}

#sub-header ul {
	float: right;
	-moz-box-shadow: 0px 1px 0px #364652, inset 0px 2px 2px #182128;
	-webkit-box-shadow: 0px 1px 0px #364652, inset 0px 2px 2px #182128;
	box-shadow: 0px 1px 0px #364652, inset 0px 2px 2px #182128;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 35px;
	padding: 0px 15px;
	line-height: 35px;
	background: url(images/breadcrum.png) repeat;
	margin-top: 22px;
}

#sub-header ul li {
	float: left;
	list-style: none;
}

#sub-header ul li a {
	color: #7b94a4;
	text-decoration: none;
	font-size: 14px;
	text-shadow: 0px 1px 0px #172127;
	padding-right: 17px;
	margin-right: 8px;
	display: block;
	background: url(images/breadcrum-arrow.png) center right no-repeat;
}

#sub-header ul li a:hover {
	text-decoration: underline;
}

#sub-header ul li a.selected {
	margin-right: 0 !important;
	padding-right: 0!important;
	background: none !important;
	color: #dee8ef;
}

/* Hosting */

#subpage-title {
	background: url(images/subpage-title.png) no-repeat;
	width: 905px; height: 77px;
	margin-top: 20px;
    padding: 0 20px;
}

#subpage-title h2 {
	float: left;
	color: #3a6190;
	text-shadow: 0px 1px 0px white;
	font-size: 26px;
	line-height: 72px;
}

#subpage-title h2  span{
	color: #7A9BC3;
	text-shadow: 0px 1px 0px white;
}

#subpage-title .blue-button {
	margin-top: 16px;
}

.box {
	background: white;
	border: 1px solid #c2d9e0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 0px -4px 8px #e9f5fd;
	-webkit-box-shadow: inset 0px -4px 8px #e9f5fd;
	box-shadow: inset 0px -4px 8px #e9f5fd;
	padding: 20px;
	float: left;
	margin-top: 20px;
	width: 905px;
}

.box2 {
	background: white;
	border: 1px solid #c2d9e0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 0px -4px 8px #e9f5fd;
	-webkit-box-shadow: inset 0px -4px 8px #e9f5fd;
	box-shadow: inset 0px -4px 8px #e9f5fd;
	padding: 10px 20px 10px 20px;
	float: left;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 905px;
}

#subpage-package-box {
	padding-right: 0px;
	width: 925px;
}

#choose-package {
	float: left;
	width: 280px;
}

#choose-domain-option{
	float: left;
	width: 900px;
}

#choose-domain-option h3 {
	font-size: 26px;
	color: #3a6190;
}

#choose-vps-option{
	float: left;
	width: 900px;
}

#choose-vps-option h3 {
	font-size: 26px;
	color: #3a6190;
}


#choose-package h3 {
	font-size: 26px;
	color: #3a6190;
}

#choose-domain-option p {
	color: #7a9bc3;
	font-size: 14px;
	line-height: 22px;
	width: 900px;
}

#choose-vps-option p {
	color: #7a9bc3;
}

#choose-package p {
	color: #7a9bc3;
	font-size: 14px;
	line-height: 22px;
	width: 270px;
}

#choose-package p a {
	color: #2397bc;
}

#choose-package p a:hover {
	text-decoration: none;
}

#choose-package .package-title {
	background: url(images/package-title.png) no-repeat;
	width: 276px; height: 37px;
	float: left;
	clear: both;
	color: white;
	line-height: 32px;
	margin-bottom: 3px;
}

#choose-package .package-title.odd {
	background-position: left bottom;
}

#package-intro {
	overflow: hidden;
	height: 120px;
}

#domains-intro {
	overflow: hidden;
	height: 140px;
}

#vps-intro {
	overflow: hidden;
	height: 120px;
}

.package-title h4 {
	float: left;
	text-align: right;
	text-shadow: 0px -1px 0px #0b6584;
	width: 235px;
	font-size: 18px;
}

.package-title .tooltip {
	float: left;
	display: block;
	width: 21px; height: 21px;
	background: url(images/tooltip.png) no-repeat;
	text-indent: -9999px;
	margin-top: 6px;
	margin-left: 5px;
	opacity: 1;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}


.tooltiptext {
	color: #378CCB;
	font-size: 14px;
	width: 820px;
	text-transform: none !important;
	text-decoration: none !important;
	border-bottom: 1px dotted #18525E;
	
}


.alinktext {
	color: #378CCB;
	font-size: 13px;
	width: 820px;
	text-transform: none !important;
	text-decoration: none !important;
	border-bottom: 1px dotted #18525E;
	
}

.package-title .tooltip:hover {
	opacity: 0.7;
}

.subpage-package {
	float: left;
	width: 155px;
	border-right: 1px solid #e0ecee;
	margin-right: 7px;
	}
	.box .last {
		padding: 0px;
		margin: 0px;
		border: none;
	}
	.subpage-package .subpage-package-head {
		width: 145px;
		height: 127px;
		background: url(images/subpage-packaged-head.png) no-repeat;
		margin: -26px 0px 19px 0px;
	}
	.subpage-package .subpage-package-head h3 {
		color: #ffffff;
		text-shadow: 0px 1px 2px #4e8ca2;
		font-size: 22px;
		text-align: center;
		line-height: 44px;
	}
	.subpage-package .subpage-package-head .subpage-price {
		width: 114px;
		height: 69px;
		margin: 0 auto;
	}
	.subpage-package .subpage-package-head .subpage-price h4 {
		color: #fffb8e;
		text-shadow: 0px 1px 1px #4e8ca2;
		font-size: 23px;
		text-align: center;
		line-height: 33px;
	}
	.subpage-package .subpage-package-head .subpage-price p {
		color: #8cd6e9;
		text-shadow: 0px 1px 2px #4e8ca2;
		font-size: 18px;
		text-align: center;
	}
	.subpage-package .subpage-package-features {
		float: left;
	}
	.subpage-package .subpage-package-features ul {
		width: 155px;
		list-style: none;
		float: left;
		clear: both;
	}
	.subpage-package .subpage-package-features ul li {
		width: 130px;
		height: 32px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		text-shadow: 0px 1px 0px #ffffff;
		line-height: 31px;
		margin: 0px 0px 6px 6px;
	}
	.subpage-package .subpage-package-features ul .light {
		background: #ddf2f6;
		border: solid 1px #c2d9dd;
		color: #639abd;
	}
	.subpage-package .subpage-package-features ul .dark {
		background: #c9e8f2;
		border: solid 1px #c2d9dd;
		color: #5ab4d5;
	}
	.subpage-package .subpage-package-features .packages-ordernow {
		width: 91px;
		text-align: center;
		font-size: 16px;
		margin: 0px 0px 0px 6px;
	}

.tab-box {
	width: 945px;
	float: left;
	background: white;
	border: 1px solid #c2d9e0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 0px -4px 8px #e9f5fd;
	-webkit-box-shadow: inset 0px -4px 8px #e9f5fd;
	box-shadow: inset 0px -4px 8px #e9f5fd;
	margin: 15px 0px 15px 0px;
	clear: both;
}
.tab-box .tabs {
	float: left;
	height: 50px;
	margin-bottom: 10px;
}
.tab-box .tabs ul {
	float: left;
	list-style: none;
	background: url(images/tabs-bg.png) repeat-x;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	width: 945px;
	border-bottom: solid 1px #c2d9e0;
	height: 38px;
}

.tab-box-contact .tabs ul {
	width: 670px !important;
}


.tab-box .tabs ul li {
	float: left;
	border-right: solid 1px #c2d9e0;	
	height: 38px;
	border-bottom: solid 1px #c2d9e0;
}
.tab-box .tabs ul li a {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 38px;
	background: url(images/tabs-unactive-bg.png);
	text-decoration: none;
	color: #3a6190;
	font-size: 16px;
	}
	.tab-box .tabs ul li a:hover {
		color: #fff;
		background: url(images/tab-selected-bg-contact.png) no-repeat;
		background-position: top center;
	}
.tab-box .tabs ul li .first-tab {
	-moz-border-radius: 6px 0px 0px 0px;
	-webkit-border-radius: 6px 0px 0px 0px;
	border-radius: 6px 0px 0px 0px;
}
.tab-box .tabs ul li .current {
	background: url(images/tab-selected-bg-contact.png) no-repeat;
	background-position: top center;
	border-right: 0px;
	height: 44px;
	color: #fff;
}

.tab-box .top-features {
	width: 444px;
	height: 110px;
	background: url(images/features-box-bg.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	border: solid 1px #c2d9e0;
	margin: 0px 0px 19px 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
}

.tab-box .features-full {
	width: 908px;
	height: 260px;
	background: url(images/features-box-bg.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	border: solid 1px #c2d9e0;
	margin: 0px 0px 19px 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
}

.tab-box .features-list-full {
	width: 908px;
	height: 260px;
	background: url(images/features-box-bg.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	border: solid 1px #c2d9e0;
	margin: 0px 0px 19px 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
}

.tab-box .addons-full {
	width: 908px;
	height: auto;
	background: url(images/features-box-bg.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	border: solid 1px #c2d9e0;
	margin: 0px 0px 19px 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
}

.tab-box .os-list {
	width: 900px;
	margin: 0px 0px 19px 18px;
	float: left;
}

.tab-box .top-features .features-icon {
	width: 32px;
	height: 31px;
	background: url(images/features-icon.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .tools-icon {
	width: 32px;
	height: 32px;
	background: url(images/tools-icon.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .installer-icon {
	width: 32px;
	height: 32px;
	background: url(images/wordpress-icon.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .support-icon {
	width: 32px;
	height: 32px;
	background: url(images/support-icon.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .unlimited-icon {
	width: 32px;
	height: 32px;
	background: url(images/unlimited-features-icon.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .email-icon {
	width: 32px;
	height: 32px;
	background: url(images/email-icon.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .email-fw-icon {
	width: 32px;
	height: 32px;
	background: url(images/mail-forwarding-icon.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .mobile-email-icon {
	width: 32px;
	height: 32px;
	background: url(images/mobile-email-icon.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .server-speed-icon {
	width: 32px;
	height: 32px;
	background: url(images/fast-server.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .security-icon {
	width: 32px;
	height: 32px;
	background: url(images/security-grey.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .email-filtering-icon {
	width: 32px;
	height: 32px;
	background: url(images/mail-filtering-icon.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .unlimited-icon {
	width: 32px;
	height: 32px;
	background: url(images/icon_unlimited.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features .speed-icon {
	width: 32px;
	height: 32px;
	background: url(images/lightning.png) no-repeat;
	float: left;
	margin: 29px 0px 0px 19px;
}

.tab-box .top-features h5 {
	color: #3a6190;
	font-size: 16px;
	line-height: 30px;
	padding-left: 15px;
	padding-top: 5px;
	height: 30px;
	overflow: hidden;
}

.tab-box .top-features  p {
	color: #378ccb;
	font-size: 14px;
	width: 375px;
	padding-right: 5px;
	line-height: 21px;
	text-transform: none;
}

.tab-box .features-full .cpanel-screen {
	width: 240px;
	height: 198px;
	background: url(images/cpanel_screenshot.jpg) no-repeat;
	float: left;
	margin: 10px 0px 0px 19px;
}

.tab-box .features-full .whm-screen {
	width: 240px;
	height: 198px;
	background: url(images/whm.JPG) no-repeat;
	float: left;
	margin: 10px 0px 0px 19px;
}

.tab-box .features-full .solusvm-screen {
	width: 240px;
	height: 203px;
	background: url(images/SolusVMsmall.PNG) no-repeat;
	float: left;
	margin: 10px 0px 0px 19px;
}


.tab-box .addons-full .ip-icon {
	width: 40px;
	height: 40px;
	background: url(images/ip-icon2.png) no-repeat;
	float: left;
	margin: 15px 0px 0px 19px;
}

.tab-box .addons-full .centos-icon {
	width: 40px;
	height: 39px;
	background: url(images/centos-logo.jpg) no-repeat;
	float: left;
	margin: 15px 0px 0px 19px;
}

.tab-box .addons-full .ssh-icon {
	width: 40px;
	height: 39px;
	background: url(images/ssh-icon.png) no-repeat;
	float: left;
	margin: 15px 0px 0px 19px;
}

.tab-box .addons-full .ubuntu-icon {
	width: 40px;
	height: 40px;
	background: url(images/ubuntu_glossy.png) no-repeat;
	float: left;
	margin: 15px 0px 0px 19px;
}

.tab-box .addons-full .debian-icon {
	width: 40px;
	height: 40px;
	background: url(images/debian.png) no-repeat;
	float: left;
	margin: 15px 0px 0px 19px;
}

.tab-box .addons-full .fedora-icon {
	width: 40px;
	height: 40px;
	background: url(images/fedora-logo.png) no-repeat;
	float: left;
	margin: 15px 0px 0px 19px;
}

.tab-box .addons-full .ssl-icon {
	width: 40px;
	height: 40px;
	background: url(images/ssl.gif) no-repeat;
	float: left;
	margin: 15px 0px 0px 19px;
}

.tab-box .addons-full .stats-icon {
	width: 40px;
	height: 41px;
	background: url(images/cpanelstats.gif) no-repeat;
	float: left;
	margin: 15px 0px 0px 19px;
}

.tab-box .addons-full .transfer-icon {
	width: 40px;
	height: 41px;
	background: url(images/transfer.png) no-repeat;
	float: left;
	margin: 15px 0px 0px 19px;
}


.tab-box .features-full h5 {
	color: #3a6190;
	font-size: 16px;
	line-height: 30px;
	padding-left: 20px;
	padding-top: 5px;
	height: 30px;
}

.tab-box .features-list-full .listheader {
	color: #3a6190;
	font-size: 16px;
	line-height: 30px;
	padding-top: 0px;
	padding-left: 0px;
	height: 30px;
}

.tab-box .features-full .full {
	color: #378ccb;
	font-size: 14px;
	width: 880px;
	padding-top: 10px;
	padding-left: 20px;
	line-height: 21px;
	text-transform: none;
}

.normalcaps {
	text-transform: none;
}

.tab-box .features-full .last{
	padding-bottom: 10px;
}

.tab-box .features-full p {
	color: #378ccb;
	font-size: 14px;
	width: 620px;
	padding-top: 10px;
	line-height: 21px;
	text-transform: none;
}

.tab-box .features-list-full p {
	color: #378CCB;
		font-size: 13px;
width: 620px;
padding-top: 0px;
line-height: 12px;
text-transform: none;
}

.tab-box .addons-full h5 {
	color: #3A6190;
	font-size: 16px;
	line-height: 30px;
	padding-left: 20px;
	padding-top: 5px;
	height: 30px;
	overflow: hidden;
	text-transform: none;
}

.tab-box .addons-full .full {
	color: #378ccb;
	font-size: 14px;
	width: 870px;
	padding-top: 10px;
	padding-left: 20px;
	line-height: 21px;
	text-transform: none;
}

.tab-box .addons-full .price {
	padding-right: 10px;
	color:#3C8913;
	text-shadow: 0px 1px 0px white;
	float: right !important;
	text-transform: none;
}

.tab-box .addons-full .moreinfo {
	font-size: 12px;
	color:#378ccb;
	text-transform: none;
	font-weight: normal;
	font-style: italic;
}

.tab-box .addons-full p {
	color: #378ccb;
	font-size: 14px;
	width: 820px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	line-height: 21px;
	text-transform: none;
}

.tab-box-contact{
	width: 670px !important;

}


.tab-box-contact.tabs ul {
	width: 670px;
}


.subpage-package-shared {
	float: left;
	width: 203px;
	border-right: 1px solid #e0ecee;
	margin-right: 15px;
	}
	.subpage-package-shared .subpage-package-head {
		width: 185px;
		height: 127px;
		background: url(images/subpage-packaged-head-shared.png) no-repeat;
		margin: -26px 0px 19px 0px;
	}
	.subpage-package-shared .subpage-package-head h3 {
		color: #ffffff;
		text-shadow: 0px 1px 2px #4e8ca2;
		font-size: 22px;
		text-align: center;
		line-height: 44px;
	}
	.subpage-package-shared .subpage-package-head .subpage-price {
		width: 114px;
		height: 69px;
		margin: 0 auto;
	}
	.subpage-package-shared .subpage-package-head .subpage-price h4 {
		color: #fffb8e;
		text-shadow: 0px 1px 1px #4e8ca2;
		font-size: 23px;
		text-align: center;
		line-height: 33px;
	}
	.subpage-package-shared .subpage-package-head .subpage-price p {
		color: #8cd6e9;
		text-shadow: 0px 1px 2px #4e8ca2;
		font-size: 18px;
		text-align: center;
	}
	.subpage-package-shared .subpage-package-features {
		float: left;
	}
	.subpage-package-shared .subpage-package-features ul {
		width: 155px;
		list-style: none;
		float: left;
		clear: both;
	}
	.subpage-package-shared .subpage-package-features ul li {
		width: 171px;
		height: 32px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		text-shadow: 0px 1px 0px #ffffff;
		line-height: 32px;
		margin: 0px 0px 6px 6px;
	}
	.subpage-package-shared .subpage-package-features ul .light {
		background: #ddf2f6;
		border: solid 1px #c2d9dd;
		color: #639abd;
	}
	.subpage-package-shared .subpage-package-features ul .dark {
		background: #c9e8f2;
		border: solid 1px #c2d9dd;
		color: #5ab4d5;
	}
	.subpage-package-shared .subpage-package-features .packages-ordernow {
		width: 131px;
		text-align: center;
		font-size: 16px;
		margin: 0px 0px 0px 6px;
	}

  /* tooltip styling. by default the element to be styled is .tooltip  */
  .tooltipd {
    display:none;
    background:transparent url(images/tooltip-arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
  }
  
				
/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Sun May 13 12:07:36.0000000000 2012
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	border-width: 1px;
	border-style: solid;
}

	/* Fluid class for determining actual width in IE */
	.ui-tooltip-fluid{
		display: block;
		visibility: hidden;
		position: static !important;
		float: left !important;
	}

	.ui-tooltip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
		overflow: hidden;
	}

	.ui-tooltip-titlebar{
		position: relative;
		min-height: 14px;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

		/*! Default close button class */
		.ui-tooltip-titlebar .ui-state-default{
			position: absolute;
			right: 4px;
			top: 50%;
			margin-top: -9px;

			cursor: pointer;
			outline: medium none;

			border-width: 1px;
			border-style: solid;
		}
		
		* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

		.ui-tooltip-titlebar .ui-icon,
		.ui-tooltip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
		}

		.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

			.ui-tooltip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{

}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
	
}


/*! Default tooltip style */
.ui-tooltip-default{
	border-color: #F1D031;
	background-color: #FFFFA3;
	color: #555;
}

	.ui-tooltip-default .ui-tooltip-titlebar{
		background-color: #FFEF93;
	}

	.ui-tooltip-default .ui-tooltip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
		border-color: #AAA;
		color: #111;
	}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
}

	.ui-tooltip .ui-tooltip-tip,
	.ui-tooltip .ui-tooltip-tip *{
		position: absolute;
		
		line-height: 0.1px !important;
		font-size: 0.1px !important;
		color: #123456;

		background: transparent;
		border: 0px dashed transparent;
	}
	
	.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

/*! Light tooltip style */
.ui-tooltip-light{
	background-color: white;
	border-color: #E2E2E2;
	color: #454545;
}

	.ui-tooltip-light .ui-tooltip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.ui-tooltip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.ui-tooltip-dark .ui-tooltip-titlebar{
		background-color: #404040;
	}

	.ui-tooltip-dark .ui-tooltip-icon{
		border-color: #444;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.ui-tooltip-cream{
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

	.ui-tooltip-cream .ui-tooltip-titlebar{
		background-color: #F0DE7D;
	}

	.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.ui-tooltip-red{
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

	.ui-tooltip-red .ui-tooltip-titlebar{
		background-color: #F06D65;
	}

	.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
		background-position: -102px 0;
	}

	.ui-tooltip-red .ui-tooltip-icon{
		border-color: #D95252;
	}

	.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.ui-tooltip-green{
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

	.ui-tooltip-green .ui-tooltip-titlebar{
		background-color: #B0DE78;
	}

	.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.ui-tooltip-blue{
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.ui-tooltip-blue .ui-tooltip-titlebar{
		background-color: #D0E9F5;
	}

	.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
		background-position: -2px 0;
	}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

	.ui-tooltip-shadow .ui-tooltip-titlebar,
	.ui-tooltip-shadow .ui-tooltip-content{
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
		-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

		_margin-bottom: -3px; /* IE6 */
		.margin-bottom: -3px; /* IE7 */
	}


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-tipsy,
.ui-tooltip-youtube,
.ui-tooltip-youtube > div,
.ui-tooltip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family: Helvetica, Arial, sans-serif !important;	
}

/*! Youtube tooltip style */
.ui-tooltip-youtube{
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;

	color: white;
	border-color: #CCCCCC;

	background: transparent;
	background: rgba(0, 0, 0, 0.85);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
}

	.ui-tooltip-youtube .ui-tooltip-titlebar{
		background-color: transparent;
	}

	.ui-tooltip-youtube .ui-tooltip-icon{
		border-color: #222;
	}

	.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.ui-tooltip-jtools .ui-tooltip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.ui-tooltip-jtools .ui-tooltip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar,
	.ui-tooltip-jtools .ui-tooltip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-jtools .ui-tooltip-icon{
		border-color: #555;
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.ui-tooltip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.ui-tooltip-cluetip .ui-tooltip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-icon{
		border-color: #808064;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.ui-tooltip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0px solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.ui-tooltip-tipsy .ui-tooltip-titlebar{
		padding: 6px 35px 0 10;
		background-color: transparent;
	}

	.ui-tooltip-tipsy .ui-tooltip-content{
		padding: 6px 10;
	}
	
	.ui-tooltip-tipsy .ui-tooltip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.ui-tooltip-tipped{
	border: 3px solid #959FA9;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.ui-tooltip-tipped .ui-tooltip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.ui-tooltip-tipped .ui-tooltip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.ui-tooltip-bootstrap{
	font-size: 13px;
	line-height: 18px;

	color: #333333;
	background-color: #ffffff;


	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);

	*border-right-width: 2px;
	*border-bottom-width: 2px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.ui-tooltip-bootstrap .ui-tooltip-titlebar{
		font-size: 18px;
		line-height: 22px;

		border-bottom: 1px solid #ccc;
		background-color: transparent;
	}

		.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default{
			right: 9px; top: 49%;
			border-style: none;
		}

	.ui-tooltip-bootstrap .ui-tooltip-icon{
		background: white;
	}

		.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon{
			width: auto;
			height: auto;
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover{
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
	filter: none;
	-ms-filter: none;
}

/* SSL */

.single-box {
	width:223px;
	display:block;
	float:left;	
}

.spacer {margin-right:17px;}

.single-box .products-top {
	width:223px;
	height:53px;
	display:block;
	color:#15477E;
	text-align:center;
	margin-top:20px;
	font-size:14px;
	font-weight:bold;
	background: url(images/box-sprites.png) no-repeat 0 -14px;
}

.single-box .box-top {
	width:203px;
	height:43px;
	display:block;
	padding:10px 10px 0 10px;
	color:#15477E;
	font-size:14px;
	font-weight:bold;
	background: url(images/box-sprites.png) no-repeat 0 -14px;
}

.single-box .box-top2 {
	width:203px;
	height:35px;
	display:block;
	padding:18px 10px 0 10px;
	color:#15477E;
	font-size:14px;
	font-weight:bold;
	background: url(images/box-sprites.png) no-repeat 0 -14px;
}

.single-box .box-content {
	width:223px;
	display:block;
	background: url(images/box-tiles.png) repeat-y 0 0;
}

.single-box .box-content-orange {
	width:223px;
	display:block;
	background: url(images/box-tiles-orange.png) repeat-y 0 0;
}

.single-box .box-gradient {
	color: #3A6190;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	text-transform: none;	
	width:200px;
	display:block;
	padding:11px 11px 0 7px;
	line-height:18px;
	background: url(images/box-sprites.png) no-repeat 0 -67px;
}

.single-box .box-gradient-orange {
	color: #3A6190;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	text-transform: none;	
	width:200px;
	display:block;
	padding:11px 11px 0 7px;
	line-height:18px;
	background: url(images/box-sprites-orange.png) no-repeat 0 -67px;
}

.single-box .box-bottom {
	width:223px;
	height:7px;
	display:block;
	background: url(images/box-sprites.png) no-repeat 0 -7px;
}

.single-box .box-bottom-orange {
	width:223px;
	height:7px;
	display:block;
	background: url(images/box-sprites-orange.png) no-repeat 0 -7px;
}

.single-box .box-gradient span {
	text-transform: none;	
	color:#15477E;
	font-size:16px;
	line-height:16px;
}

.single-box .box-gradient-orange span {
	text-transform: none;
	color:#15477E;
	font-size:16px;
	line-height:16px;
}

.single-box .box-gradient a.link, .single-box .box-gradient a.link2, .single-box .com2-content a.link {
	margin-top:10px;
}

.single-box .box-gradient-orange a.link, .single-box .box-gradient-orange a.link2, .single-box .com2-content a.link  {
	margin-top:10px;
}

.quotebubble {
	width:640px;
	margin:20px 15px;
}
.quotebubble .qb-mid {
	background:#ededed;
	padding:16px 30px;
}
.quotebubble .qb-top {
	height:8px;
	width:100%;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	background:url(images/quotebubble.gif) no-repeat left -19px;
}
.quotebubble .qb-bttm {
	height:30px;
	width:100%;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	background:url(images/quotebubble.gif) no-repeat left -35px;
}

.subpage-content blockquote {
	display:block;
	font-size:14px;
	line-height:20px;
	margin:0;
	color:#626670;
	padding:0;
	}
.job {
	background:#f0f0f0;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	margin-bottom:30px;
}

.job h3 {
width: 600px;
font-size: 18px;
color: #344A53;
border-bottom: 1px solid #E1E8EB;
margin-bottom: 10px;
padding-bottom: 5px;
}

.job h3 .emailaddy {
font-size: 16px;
color: #556F7A;
font-weight:200;
float: right !important
}


.jobcontent {
	padding:30px 30px 0;
}
.job-footer {
	background:#d9d9d9;
	padding:0;
	height:60px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
}

.job-details p {
	font-size:14px;
	line-height:20px;
	margin-top:10px;

	color:#626670;
}
.job-details strong{font-size:14px;line-height:3em}

.job-footer .blue-button {
	float: right;
	margin:12px 20px 0
}


#whr_embed_hook .whr-title a{
    font-size: 16px;
    color: #577085;
}

#whr_embed_hook .whr-title{
	border-bottom: none;
}

#whr_embed_hook .whr-items{
	list-style: none;
}

#whr_embed_hook .whr-info{
	font-size:14px;
	color:#626670;
	list-style: none;
	padding-bottom:20px;
}


.panel li{float:left;padding:10px 0 10px 20px;width:205px;position:relative;}
.panel ul, ol {
list-style: none;
}

#topbar-alert {
    color: #ccc;
    font-size: 14px;
    text-shadow: 0px 1px 0px #072943;
    float: left;
    padding-left: 200px;
    text-decoration: none;
}

#topbar-alert-link {
    color: #61b322;
    font-size: 14px;
    text-shadow: 0px 1px 0px #072943;
    text-decoration: none;
}

#terms{
	font-size:14px;
}

#terms li.title{
	color:#577085;
	font-size:16px;
	font-weight: bold;
}

#terms ol{
	list-style-type:none;
	counter-reset:item;
	margin:0;
	padding:0;
	font-size:2em;
}

#terms p{
	color:#344a53;
	font-size:14px;
	font-weight: normal;
}

#terms li{
	display:table;
	counter-increment:item;
	margin-top:0.3em;
	margin-bottom:0.6em;
	color:#344a53;
	font-size:14px;
	font-weight: normal;
}

#terms table{
	color:#344a53;
	font-size:14px;
	font-weight: normal;
	border-collapse: collapse;
	border: 1px solid;
	padding:0.5em;
	width:95%;
}
#terms td{
	border: 1px solid;
	padding:0.5em;
}

#terms li:before{
	content:counters(item,".")".";
	display:table-cell;
	padding-right:0.6em;
}

#terms li.definition span{
	display:table-cell;
	width:10em;
	font-weight:bold;
}

#terms li.diaglogblock{
	font-weight:bold;
	border-style: solid;
	border-radius: 10px;
	border-width: 1px;
	border-color: #577085;
	width:95%;
	margin-left:0;
	margin-bottom:1em;
	padding:1em 1em 1em 1em;
	color:#344a53;
	font-size:14px;
	counter-increment:none;
}

#terms li.diaglogblock:before{
	content:none;
}

#terms li.diaglogblock li{
	color:#344a53;
	font-size:14px;
	font-weight: bold;
	counter-increment:none;
}

#terms li.diaglogblock ul li{
	list-style-type:circle;
	display:list-item;
	counter-increment:none;
	font-weight:bold;
	margin-left:2em;
	padding-left:0px;
}

#terms ul li:before{
	content:none;
	font-size:14px;
}

#terms ul li{
	counter-increment:none;
}

