/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; padding:34px 0 21px;}
#main { width:913px; margin:0 auto; text-align:left;}

img {vertical-align:top;}
a img {border:0;}

h1 {
    font-family: Tahoma;
    font-size: 18px;
    color: #396796;
    padding-left: 0px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #396796;
}


/* CONTENT - HEADER LINKS FOR TABLES */	
.table_head {
	background-image: url('/images/header-background.gif');
	background-repeat:repeat-x;
	height:26px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	}

/* CONTENT - BACKGROUND COLOR FOR TABLES */	
.tdbglight {
	background-color:#FFFFFF;
	height: 30px;
	text-align:center;
	}
.tdbgdark {
	background-color:#dcdddf;
	height: 30px;
	text-align:center;
	}
	
	
.content_headings_text_orange {
	float:left;
	margin-top:0px;
	padding-bottom:10px;
	padding-top:10px;
	background-image: url('/images/arrow.jpg') ;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 20px;
	color: #F48F1B;
	font-weight: bold;
	}

.content_headings_text_blue {
	margin-top:0px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left: 5px;
	font-size: 20px;
	color: #3466A1;
	font-weight: bold;
	}

/* FIXES BORDER ISSUE */	
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}


table {border-collapse:collapse; border:0;}

html {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#000000;}
select {vertical-align:middle; font-weight:normal;}

input {font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.333em; color:#000000;}

textarea {font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.333em; color:#000000;}



.extralarge { line-height:44px; font-size:18px; }

a {text-decoration:underline; color:#1D54B0;}
a:hover {text-decoration:none;}
ul {list-style:none;}
li a {text-decoration:none;}
li a:hover {text-decoration:underline;}

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

#content .col-1,
#content .col-2,
#content .col-3,
#content .col-5,
#content .col-6,
#content .col-7,
#content .col-8,
#content .col-4 {float:left;}
/***************header***************/
#header {height:138px;}

.logo {float:left;}
.partnerlogo {float:left; width:142px; height:52px; padding:0px 0 0 10px;}

/*** 525px ***/
.nav {float:right; padding:5px 10px 0 20px;}
.nav li {float:left; border-right:1px solid #0E2F69; padding:0 12px; font-size:0.917em;line-height:1em;}
.nav .extra {border:none; padding-right:0;}
.nav li a {color:#0E2F69;}

.logIn {background:url(images/logIn-tail.jpg) left top repeat-x; margin-top:-19px; margin-left:495px;}
.logIn div {background:url(images/logIn-left.jpg) left top no-repeat;}
.logIn div div {background:url(images/logIn-right.jpg) right top no-repeat; height:26px; padding:9px 0 0 45px;}

.menu {background:url(images/menu-tail.jpg) left top repeat-x;}
.menu div {background:url(images/menu-right.jpg) right top no-repeat;}
.menu ul {background:url(images/menu-left.jpg) left top no-repeat; padding:10px 0 0;}

.menu li {float:left; background:url(images/menu-border.gif) left 3px no-repeat; padding:2px 22px 33px 20px;}
.menu .extra {background:none; padding-left:32px;}
.menu li a {color:#5EC2FC; font-weight:bold;}
.menu li a:hover, .menu .act a {text-decoration:none; color:#F6F6F6;}
.menu li span a {color:#F9AF56; font-weight:bold;}
.menu li span a:hover, .menu .act a {text-decoration:none; color:#F6F6F6;}
/***************content***************/
.wrapper {width:100%; overflow:hidden;}
.wrapper2 {width:100%; overflow:hidden; color:#FFFFFF;}
.wrapper2 a {color:#5EC2FC; font-weight:bold;}
.wrapper2 a:hover {text-decoration:none; color:#F6F6F6;}


.img-indent {float:left;}
.phone {float:right;}
cite {font-style:normal;}

#content {padding:0 0 15px;}

.col-1 {width:662px;}
.col-2 {width:235px; padding-left:16px;}
.col-3 {width:324px;}
.col-4 {width:324px; padding-left:14px;}

.col-5 {width:662px;}
.col-6 {width:235px; padding-left:16px;}
.col-7 {width:324px;}
.col-8 {width:324px; padding-left:14px;}


.steps .col-1 {width:251px;}
.steps .col-2 {width:200px; padding-left:0;}
.steps .col-3 {width:160px;}

.steps .col-5 {width:251px;}
.steps .col-6 {width:200px; padding-left:0;}
.steps .col-7 {width:160px;}


/***************titles***************/
.title1 {background:url(images/title-tail.gif) left top repeat-x; font-size:1.083em;}
.title1 div {background:url(images/title-left.gif) left top no-repeat;}
.title1 div strong {display:block; background:url(images/title-right.gif) right top no-repeat; padding:15px 0 16px 21px; color:#000;}
.title1 div strong span {float:right; padding: 0 21px 0 0; }

.title2 {display:block; background:url(images/title-bg.gif) left top no-repeat; padding:11px 0 17px 13px; color:#FFF; font-size:1.417em}

.title3 {color:#1D54B0; font-size:2.25em; line-height:1em; padding-bottom:24px; font-weight:bold;}
.title3 span {color:#080808; font-size:0.523em; font-weight:normal;}

h2 {font-size:2.75em; line-height:1em; color:#272727; padding:9px 0 16px;}
h2 span {font-size:0.515em; line-height:1em; margin-left:20px;}

h3 {font-size:1.083em; color:#000; padding-left:5px;}

h4 {color:#1D54B0; padding:0 0 2px 7px;}

/***************links***************/
.list1 li {background:url(images/list-marker1.gif) 3px 4px no-repeat; padding:0 0 10px 22px; line-height:1em;}
.list1 li a {color:#0577CF;}

.button, .button1, .button2, .button3 {display:block; color:#FFFFFF; text-decoration:none; font-size:0.917em; line-height:1em; float:right;}
.button6 {display:block; color:#FFFFFF; text-decoration:none; font-size:0.917em; line-height:1em; float:left;}
.button4 {display:block; color:#FFFFFF; text-decoration:none; font-size:0.917em; line-height:1em;}
.button:hover, .button1:hover, .button2:hover, .button3:hover, .button4:hover, button6:hover {text-decoration:underline;}
.button span, .button1 span, .button2 span, .button3 span, .button6 span, .button4 span {display:block;}
.button span span, .button1 span span, .button2 span span, .button6 span span, .button3 span span, .button4 span span {display:block;}

.button {background:url(images/button-tail.gif); float:left; font-family:Arial Black, Gadget, sans-serif; font-size:1em;}
.button span {background:url(images/button-left.gif) left top no-repeat;}
.button span span {background:url(images/button-right.gif) right top no-repeat; padding:3px 13px 6px 14px;}

.button1 {background:#141212; float:left; font-family:Arial Black, Gadget, sans-serif; font-size:1em;}
.button1 span {background:url(images/button1-left.gif) left top no-repeat;}
.button1 span span {background:url(images/button1-right.gif) right top no-repeat; padding:4px 11px 7px 10px;}

.button2 {background:url(images/button2-tail.gif) left top repeat-x; color:#7A7A7A; margin-top:0px;}
.button2 span {background:url(images/button2-left.gif) left top no-repeat;}
.button2 span span {background:url(images/button2-right.gif) right top no-repeat; padding:6px 8px 6px 10px;}

.button3 {background:url(images/button3-tail.gif) left top repeat-x;}
.button3 span {background:url(images/button3-left.gif) left top no-repeat;}
.button3 span span {background:url(images/button3-right.gif) right top no-repeat; padding:6px 9px 6px 10px;}

.button6 {background:url(images/button3-tail.gif) left top repeat-x;}
.button6 span {background:url(images/button3-left.gif) left top no-repeat;}
.button6 span span {background:url(images/button3-right.gif) right top no-repeat; padding:6px 9px 6px 10px;}

.button4 {background:#141212; float:left; font-family:Arial Black, Gadget, sans-serif; font-size:1em;}
.button4 span {background:url(images/button1-left.gif) left top no-repeat;}
.button4 span span {background:url(images/button1-right.gif) right top no-repeat; padding:4px 11px 7px 10px;}

.list2 li {background:url(images/list-marker2.gif) left 5px no-repeat; color:#080808; font-size:1.083em; padding:0 0 5px 17px;}

.list3 li {background:#F0F2F6; color:#000000; font-size:0.917em; line-height:1em; padding:3px 7px 4px 8px;}
.list3 .extra {background:#F9FAFC;}
.list3 .price {float:right; color:#F45C01;}

/***************boxes***************/
.box1 {background:#FFF url(images/box1-tail.gif) left bottom repeat-x;}
.box1 .box-left {background:url(images/box1-tail.gif) left top repeat-y;}
.box1 .box-top {background:url(images/box1-tail.gif) left top repeat-x;}
.box1 .box-right {background:url(images/box1-tail.gif) right top repeat-y;}
.box1 .box-top-left {background:url(images/box1-top-left.gif) left top no-repeat;}
.box1 .box-top-right {background:url(images/box1-top-right.gif) right top no-repeat;}
.box1 .box-bot-left {background:url(images/box1-bot-left.gif) left bottom no-repeat;}
.box1 .box-bot-right {background:url(images/box1-bot-right.gif) right bottom no-repeat; width:100%;}


.box1 .inner1 {padding:35px 0 37px 40px;}
.box1 .inner2 {padding:35px 28px 22px 44px;}
.box1 .inner3 {padding:26px 24px 38px 26px;}
.box1 strong {color:#1D54B0;}


/*** coloured box ***/
.boxpromo {background:#38312B url(images/message-in-bottle.jpg) left bottom repeat-x;}
.boxpromo .box-left {background:url(images/box1-tail.gif) left top repeat-y;}
.boxpromo .box-top {background:url(images/box1-tail.gif) left top repeat-x;}
.boxpromo .box-right {background:url(images/box1-tail.gif) right top repeat-y;}
.boxpromo .box-top-left {background:url(images/boxpromo-top-left.png) left top no-repeat;}
.boxpromo .box-top-right {background:url(images/boxpromo-top-right.png) right top no-repeat;}
.boxpromo .box-bot-left {background:url(images/boxpromo-bot-left.png) left bottom no-repeat;}
.boxpromo .box-bot-right {background:url(images/boxpromo-bot-right.png) right bottom no-repeat; width:100%;}
.boxpromo .inner1 {padding:35px 0 37px 40px;}
.boxpromo .inner2 {padding:35px 28px 22px 44px;}
.boxpromo .inner3 {padding:26px 24px 38px 26px;}
.boxpromo strong {color:#1D54B0;}
.paddingpromo {padding-bottom:10px; background:#ffffff}



/*** Chris Custom Box for WHMCS Content ***/
.box1 .inner4 { clear: both; padding:30px 35px 37px 30px; margin:auto; }
.box1 .inner4 p {margin: 1em 0;}
.box1 .inner4 table { margin: 1em 0; padding: 3px; }
.box1 .inner4 td { margin: 3px; padding: 3px; }
.box1 .inner4 tr { margin: 3px; padding: 3px; }
.box1 .inner4 br { margin: 1em 0; }
/*** Chris End of Custom Box ***/

.steps .float-l {color:#1F57B6; font-size:1.167em; padding:26px 0 0 9px;}
.num {background:url(images/num-bg.jpg) left top no-repeat; font-size:4.25em; color:#FFF; font-family:Arial Black, Gadget, sans-serif; width:73px; text-align:center;
	padding:27px 0 51px; float:left;}

.num2 {background:url(images/num-bg2.jpg) left top no-repeat; font-size:4.00em; color:#FFF; font-family:Arial Black, Gadget, sans-serif; width:51px; text-align:center;
	padding:16px 0 51px; float:left;}

.box2 {background:#FEFEFF url(images/box2-bot.gif) left bottom repeat-x;}
.box2 .box-left {background:url(images/box2-tail.gif) left top repeat-y;}
.box2 .box-top {background:url(images/box2-top.gif) left top repeat-x;}
.box2 .box-right {background:url(images/box2-tail.gif) right top repeat-y;}
.box2 .box-top-left {background:url(images/box2-top-left.gif) left top no-repeat;}
.box2 .box-top-right {background:url(images/box2-top-right.gif) right top no-repeat;}
.box2 .box-bot-left {background:url(images/box2-bot-left.gif) left bottom no-repeat;}
.box2 .box-bot-left-un {background:url(images/box2-bot-left-un.gif) left bottom no-repeat;}
.box2 .box-bot-right {background:url(images/box2-bot-right.gif) right bottom no-repeat; width:100%;}
.box2 .inner {padding:20px 8px 8px 27px; }

/***************form***************/
#logIn input {color:#1C4FAA; font-size:0.917em; border:none; height:17px; width:145px; padding:3px 0 0 7px; margin-right:5px;}

#searchForm {padding:15px 0 0;}
#searchForm input {width:160px; height:19px; margin:0px 3px 0px 6px; font-size:1.1em; border:1px solid #C9C9C9;}
#searchForm strong {margin-top:8px; color:#3F3F3F;}
#searchForm p {color:#8E8F8F; margin:2px 0 0 24px;}

#searchForm .check {width:100%; overflow:hidden; padding:33px 0 0;}
#searchForm .check .float-l {width:118px; padding-left:5px; font-weight:bold; color:#1D54B0;}
#searchForm .check .float-l div {height:23px;}
#searchForm .check input {height:13px; width:13px; padding:0; margin:0 6px 0 0; border:none;}

/***************positioning***************/
.margin1 {margin-top:-18px;}

.padding1 {padding-top:19px;}
.padding2 {padding-bottom:30px !important;}
.padding3 {padding-bottom:20px !important;}
.padding4 {padding-bottom:10px;}
.padding5 {padding:0 0 17px 3px;}
.padding6 {padding:2px 20px 0 4px;}
.padding6 h4 {padding:0 0 16px 0;}
.padding7 {padding-bottom:15px;}

/***************page-2***************/
.steps .col-5 {width:93px;}
.steps .col-6 {width:495px;}

.col-7 {width:272px;}
.col-8 {width:272px; padding-left:40px;}

/***************footer***************/
#footer {color:#2C2C2C; background:url(images/footer-tail.gif) left top repeat-x;}
#footer div {background:url(images/footer-left.gif) left top no-repeat;}
#footer div div {background:url(images/footer-right.gif) right top no-repeat; padding:11px 0 15px 20px;}

#footer a {margin-left:12px; text-decoration:none; color:#F45C01;}
#footer a:hover {text-decoration:underline;}