/*
Description:icomplete.com website style definitions.
Copyright:licensed for use only by icomplete.com -- icomplete.com Ltd. Copyright The Sunmachine (c) 2008, all rights reserved.
Version:1.6
Author:The Sunmachine
Author URI:http://www.thesunmachine.com */

/*Undo HTML*/
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}
ul,ol,dl,li { list-style-type: none; }

/*Page Height*/
html { height: 100%; /*margin-bottom: -1px;*/}

/* Core Basics */
img
{
border:0;
margin:0;
}

div
{
margin:0;
overflow:visible;
}

body
{
margin:0;
padding:0;
height:100%;
text-align:left;
font-family:Calibri, Arial, Helvetica, Verdana, sans-serif;
font-size:13px;
color: #444;
background:#fff url(../images/page-tile.gif) repeat-x left top;
}

/* Page Layout Redux */

#container
{
width:960px;
text-align:left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 520px;
background:transparent;
}

#page-home
{
margin:0;
height:92%;
background:url(../images/home_back.png) repeat-x left;
}

#home-flash
{
margin-top:15px;
padding:0;
width:960px;
text-align:left;
clear:both;
background:transparent;

}

#header
{
height:72px;
margin:0;
padding: 0 30px 0 30px;
}

#page
{
margin-top:25px;
padding:0 30px 0 30px;
width:900px;
}

#section
{
margin-top:5px;
width:900px;
height:35px;
clear:both;
}

#text
{
width:504px;
margin:0 0 15px 0;
text-align:left;
z-index:20;
float: left;
}

#thin
{
width:354px;
margin:0 0 15px 0;
text-align:left;
z-index:20;
float: left;
}

#video
{
width:354px;
margin:15px 0 25px 0;
z-index:22;
float: right;
}

#video-single
{
width:264px;
margin:15px 0 5px 0;
z-index:22;
float: right;
}

#reach
{
width:354px;
margin:0 0 15px 0;
z-index:22;
float: right;
}

#side
{
width:504px;
margin:0 0 15px 0;
text-align:left;
z-index:22;
float: right;
overflow-x: hidden;
overflow-y: auto;
}

#box-out
{
height:94px;
width:260px;
margin:5px 2px 5px 2px;
text-align:left;
display:inline;
z-index:24;
float: right;
background-image:url(../images/h_promo.png);
}

#quick-compare1, #quick-compare2, #quick-compare3
{
height:398px;
width:260px;
text-align:center;
display:inline;
z-index:24;
float: right;
background-image:url(../images/tall_box.gif);
}


#buy-today
{
width:264px;
margin:5px 2px 5px 2px;
text-align:right;
display:inline;
z-index:24;
float: right;
}

#flash
{
height:490px;
margin:0;
z-index:-7;
}

#wide
{
width:900px;
margin:0 0 25px 0;
text-align:left;
z-index:20;
}

#stories
{
margin:5px 0 0 0;
width:900px;
height:68px;
text-align:left;
clear:both;
z-index:20;
background-image:url(../images/h_links.gif);
}

#footer-nav
{
width:900px;
margin:5px 0 0 0;
clear:both;
text-align:right;
}

#scroll
{
width:868px;
height:441px;
margin:0 0 15px 0;
text-align:left;
overflow-x: hidden;
overflow-y: auto;
}

#services
{
margin:65px 0 10px 0;
}

#services img
{
margin:0 2px 0 0;
text-decoration:none;
border:0;
}

#clear
{
margin:2px 0 0 0;
padding:0;
height:8px;
clear:both;
}

#clear-one, #clear-two, #clear-three
{
margin:2px 0 0 0;
padding:0;
height:1px;
clear:both;
}

/* Page Identity */

#h-strap
{
height:60px;
width:390px;
margin:17px 0 0 0;
text-align:right;
display:inline;
float:right;
}

#h-img
{
height:60px;
width:340px;
margin:17px 0 0 0;
text-align:left;
display:inline;
float:left;
}

/* General Style Definitions */

a, a:visited
{
text-decoration:none;
color: #444;
background:none;
}

a:hover
{
text-decoration:none;
color: #0ad;
}

h1
{
font:normal 18px/18px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
letter-spacing:.02em;
text-decoration:none;
color: #666;
}

h2
{
font:bold 14px/18px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
text-decoration:none;
color: #08c;
}

h2 a
{
text-decoration:none;
color: #0ad;
}

h3
{
font:normal 13px/17px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-seriff;
text-decoration:none;
line-height:16px;
color: #08c;
}

h5
{
font:bold 12px/16px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
text-decoration:none;
line-height:16px;
color: #444;
}

em
{
font-style:normal;
font-weight:bold;
color: #d5a;
}

p
{
font:normal 12px/18px "Lucida Grande", Lucida, Verdana, Arial, sans-serif;
text-decoration:none;
color: #444;
}

p b
{
font-style:normal;
font-weight:bold;
color: #555;
}

b
{
font-size:inherit;
font-style:normal;
font-weight:bold;
color: #08c;
}

i
{
font-style: normal;
color: #444;
}

br
{
margin-bottom:10px;
line-height:17px;
}

ul, ol
{
margin:5px 26px 10px 26px;
display:block;
}

li
{
margin:3px -3px 3px -3px;
list-style-type:disc;
}


blockquote
{
font:normal 12px/17px Arial, Helvetica, Verdana, sans-serif;
text-decoration:none;
line-height:17px;
color: #444;
}

input, textarea
{
font:normal 10px/16px Arial, Helvetica, Verdana, sans-serif;
text-decoration:none;
padding:1px;
color: #555;
}

.field
{
width:95%;
}

.fielderr
{
width:95%;
border: 1px solid red;
}


.reset
{
margin:5px 6px 0 0;
padding:2px 6px 2px 6px;
font:bold 12px/18px "Lucida Grande", Lucida, Verdana, Arial, sans-serif;
text-decoration:none;
color: #777;
background: #f9f9f9;
border:1px #ddd solid;
text-align:center;
}

.submit
{
margin:5px 6px 0 0;
padding:2px 6px 2px 6px;
font:bold 12px/18px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
text-decoration:none;
color: #08c;
background: #f9f9f9;
border:1px #ddd solid;
text-align:center;
}

.left
{
float:left;
}

.right
{
float:right;
}

.compare
{
float:right;
margin: -35px 40px 5px 0;
}

.buy *
{
	vertical-align: middle;
}

.buy
{
font:bold 20px/18px sans-serif;
font-weight: bolder;
text-transform:uppercase;
text-decoration:none;
border:none;
color: #094;
padding: 5px 10px 5px 10px;
float:right;
}

.buy a, .buy a:hover
{
color: #094;
}


.over
{ 
margin-right: 20px;
text-align: right;
display: inline-block;
float: right;
}

.over, x:-moz-any-link { margin-top: -20px; }
.over, x:-moz-any-link, x:default { margin-top: -20px; }

.error
{
font:bold 11px/14px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
color: #094;
}

.tiny
{
font:bold 9px/11px Verdana, Arial, sans-serif;
color: #888;
padding:10px 0 0 0;
}

.magenta
{
font-size: 20px;
color: #d5a;
}

.cyan
{
font-weight: normal;
font-size: 16px;
color: #08c;
}

.price
{
font:bold 16px/16px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
color: #08c;
padding:10px 0 0 0;
}

.super
{
font:bold 26px/16px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
color: #08c;
padding:15px 0 10px 0;
}

.strike
{
text-decoration:line-through;
}

.order
{
text-transform:uppercase;
text-decoration:none;
border:none;
color: #094;
padding:15px 0 2px 0;
}

/* Specific Style Definitions */

#text, #thin, #wide, #scroll
{
padding: 0 16px 0 16px;
}

#text h1, #thin h1, #wide h1, #scroll h1, #reach h1, #side h1
{
margin: 5px 0 10px 0;
}

#text h2, #text h3, #thin h2, #thin h3, #wide h2, #wide h3, #scroll h2, #scroll h3, #reach h2, #reach h3, #side h2, #side h3
{
margin: 10px 0 5px 0;
}

#text h2 a, #thin h2 a, #wide h2 a, #scroll h2 a
{
text-decoration:none;
border:none;
}

#text p, #thin p, #wide p, #scroll p, #reach p, #side p
{
margin-bottom: 5px;
}

#text a, #thin a, #wide a, #scroll a, #reach a, #side a
{
text-decoration:none;
color: #555;
}

#text li, #thin li, #wide li, #scroll li
{
text-decoration:none;
color: #999;
}

#text li a, #thin li a, #wide li a, #scroll li a
{
text-decoration:none;
color: #666;
border:none;
}

#text p a, #thin p a, #wide p a, #scroll p a
{
font-weight: bold;
text-decoration:none;
color: #666;
}

#box-out h5
{
font:normal 12px/15px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
color: #444;
padding:12px 12px 6px 12px;
}

#box-out em
{
color: #08c;
}

#box-out h5 a
{
color: #444;
}

#box-out h5 a:hover
{
color: #c60;
border:none;
}

#stories h5
{
padding:12px 16px 6px 16px;
}

#stories h5 a
{
color: #08c;
}

#stories h5 a:hover
{
border-bottom:1px solid #cef;
}

#select-video-1, #select-video-2, #select-video-3, #select-video-4, #select-video-5, #select-video-6, #select-video-7
{
margin: 0 -16px 0 -16px;
padding: 0 16px 3px 16px;
}

#select-video-1:hover, #select-video-2:hover, #select-video-3:hover, #select-video-4:hover, #select-video-5:hover, #select-video-6:hover, #select-video-7:hover
{
background:#eee;
}

#select-video-1 p a, #select-video-2 p a, #select-video-3 p a, #select-video-4 p a, #select-video-5 p a, #select-video-6 p a, #select-video-7 p a
{
font-weight:normal;
text-decoration:none;
border:none;
}

#select-video-1 a, #select-video-2 a, #select-video-3 a, #select-video-4 a, #select-video-5 a, #select-video-6 a, #select-video-7 a
{
font-weight:normal;
text-decoration:none;
border:none;
}

#footer-nav p
{
margin-bottom:2px;
font:normal 11px/17px "Lucida Grande", Lucida, Verdana, Arial, sans-serif;
color: #0ad;
}

#footer-nav a
{
text-decoration:none;
color: #0ad;
}

#footer-nav a:hover
{
text-decoration:none;
color: #0ad;
background:#cef;
border-top:2px solid #cef;
border-bottom:2px solid #cef;
}

#copyright
{
margin-top:10px;
font:normal 10px/15px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
color: #777;
}

#copyright b
{
font-weight: bold;
color: #777;
}

/* Contact Table */

.contact-table
{
margin: 10px 0 0 0;
padding: 5px;
font:normal 11px/16px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
text-decoration:none;
background: #fff url(../images/up_fade.jpg) repeat-x bottom right;
border:1px #ddd solid;
}

.contact-table p
{
margin: 2px 0 5px 0;
font-size: 11px;
}

.contact-table input:hover
{
background-color: #eee;
}

.alt-line
{
background-color: #eee;
}

/* Pricing Table */

.pricing-table
{
margin:0 0 0 -16px;
font:normal 11px/14px Tahoma, Verdana, sans-serif;
text-decoration:none;
border:5px #ddd solid;
background-color: #fff;
overflow: auto;
}

.detail:hover, .delite:hover
{
background-color: #eff;
text-align:center;
}

.pricing-table img
{
text-align:center;
}

.long-line
{
height:1px;
background-color: #888;
}

.package
{
background: #fff url(../images/page-tile.gif) repeat-x top right;
padding:7px 10px 7px 10px;
text-align:center;
}

.package b
{
font-size:14px;
font-weight:bold;
letter-spacing:.09em;
line-height:16px;
}

.features
{
margin-top:2px;
padding:2px 10px 2px 10px;
background: #fff url(../images/up_fade.jpg) repeat-x bottom right;
font:bold 12px/15px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
color: #08c;
border-top:1px #ddd solid;
border-bottom:2px #fff solid;
}

.hook
{
padding:1px 10px 1px 10px;
}

.detail
{
padding:1px 10px 1px 10px;
text-align:center;
}

.delite
{
padding:1px 10px 1px 10px;
text-align:center;
background-color: #f7f7f7;
}

.grey
{
padding:5px 10px 5px 10px;
font-weight:bold;
color: #777;
line-height:15px;
background-color: #eee;
}

.pricing
{
padding:5px 10px 5px 10px;
}

.bigger
{
font-size:19px;
color: #d5a;
}

.bolder
{
font-style:normal;
font-weight:normal;
font-size:14px;
line-height:16px;
color: #d5a;
}

#small p
{
font:normal 10px/15px Tahoma, Verdana, sans-serif;
color: #888;
}

/* Quick Compare Table */

.quick-table
{
margin:0 0 0 -16px;
font:normal 11px/12px Tahoma, Verdana, sans-serif;
text-decoration:none;
}

.quick-list
{
margin-top:2px;
padding:2px 10px 2px 10px;
background: #fff url(../images/up_fade.jpg) repeat-x bottom right;
text-align:center;
color: #08c;
border:5px #ddd solid;
}

.quick-list h1
{
margin:0;
}

.quick-list h2
{
font:bold 13px/15px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
color: #555;
margin:1px 20px 2px 20px;
}

.quick-list h3
{
font:bold 13px/15px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
margin:1px 20px 10px 20px;
}

.quick-list p
{
font:normal 10px/11px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
color: #888;
margin:5px 30px 5px 30px;
}

.quick-list .strike
{
color: #999;
}

.quick-list .order
{
font:bold 12px/15px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
}

.quick-list .order img
{
margin-top: -10px;
}

/* Text Path Pop-Ups  */

#popup__1 i, #popup__2 i, #popup__3 i, #popup__4 i, #popup__5 i, #popup__6 i, #popup__7 i, #popup__8 i, #popup__9 i, #popup__10 i
{
	 font-style: italic;
	 color: gray;
}

#popup__1, #popup__2, #popup__3, #popup__4, #popup__5, #popup__6, #popup__7, #popup__8, #popup__9, #popup__10
{
	visibility:hidden;
	position:absolute;
	top:148px;
	left:454px;
	padding:15px;
	width: 340px;
	background: #fff url(../images/up_fade.jpg) repeat-x bottom right;
	
	z-index:300;
}

.popup_category1
{
	border:3px #ffcf17 solid;
}

.popup_category2
{
	border:3px #d5a solid;
}

.popup_category3
{
	border:3px #008bcf solid;
}



#popup__1 h2, #popup__2 h2, #popup__3 h2, #popup__4 h2, #popup__5 h2, #popup__6 h2, #popup__7 h2, #popup__8 h2, #popup__9 h2, #popup__10 h2
{
	font-size:13px;
	color: #666;
	padding:5px;
}

#popup__1 p, #popup__2 p, #popup__3 p, #popup__4 p, #popup__5 p, #popup__6 p, #popup__7 p, #popup__8 p, #popup__9 p, #popup__10 p
{
	font-size:12px;
	padding:5px;
}


#pop-business, #pop-booking, #pop-appointments, #pop-map, #pop-reach, #pop-happy, #pop-analyse, #pop-staff, #pop-reminders, #pop-connect, #pop-tools, #pop-accounts, #pop-sales 
{
visibility:hidden;
position:absolute;
top:148px;
left:454px;
padding:15px;
width: 340px;
background: #fff url(../images/up_fade.jpg) repeat-x bottom right;
border:3px #d5a solid;
z-index:300;
}

#pop-business h2, #pop-booking h2, #pop-appointments h2, #pop-map h2, #pop-reach h2, #pop-happy h2, #pop-analyse h2, #pop-staff h2, #pop-reminders h2, #pop-connect h2, #pop-tools h2, #pop-accounts h2, #pop-sales h2
{
font-size:13px;
color: #666;
padding:5px;
}

#pop-business p, #pop-booking p, #pop-appointments p, #pop-map p, #pop-reach p, #pop-happy p, #pop-analyse p, #pop-staff p, #pop-reminders p, #pop-connect p, #pop-tools p, #pop-accounts p, #pop-sales p 
{
font-size:12px;
padding:5px;
}

/* Services Pop-Ups  */

#pop1, #pop2, #pop3, #pop4, #pop5, #pop6, #pop7, #pop8, #pop9, #pop10, #pop11, #pop12, #pop13, #pop14, #pop15, #pop16, #pop17, #pop18, #pop19, #pop20, #pop21, #pop22, #pop23, #pop24
{
visibility:hidden;
position:absolute;
top:148px;
left:454px;
padding:15px;
width: 440px;
background: #fff url(../images/up_fade.jpg) repeat-x bottom right;
border:3px #d5a solid;
z-index:300;
}

#pop1 h2, #pop2 h2, #pop3 h2, #pop4 h2, #pop5 h2, #pop6 h2, #pop7 h2, #pop8 h2, #pop9 h2, #pop10 h2, #pop11 h2, #pop12 h2, #pop13 h2, #pop14 h2, #pop15 h2, #pop16 h2, #pop17 h2, #pop18 h2, #pop19 h2, #pop20 h2, #pop21 h2, #pop22 h2, #pop23 h2, #pop24 h2
{
font-size:15px;
padding:5px;
}

#pop1 p, #pop2 p, #pop3 p, #pop4 p, #pop5 p, #pop6 p, #pop7 p, #pop8 p, #pop9 p, #pop10 p, #pop11 p, #pop12 p, #pop13 p, #pop14 p, #pop15 p, #pop16 p, #pop17 p, #pop18 p, #pop19 p, #pop20 p, #pop21 p, #pop22 p, #pop23 p, #pop24 p 
{
font-size:12px;
padding:5px;
}

/* Collapsibile Panels */

.CollapsiblePanel {
margin: 0px;
padding: 0px;
}

.CollapsiblePanelTab
{
margin: 5px 0 5px 0;
background: #eee;
font:normal 12px/15px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
color: #555;
padding: 5px;
text-align: left;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}

.CollapsiblePanelTabBox
{
margin: 5px 0 5px 0;
background: #fff;
font:normal 12px/15px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
color: #445;
padding: 5px;
text-align: left;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}

.CollapsiblePanelContent {
margin: 4px 8px 15px 8px;
padding: 0;
height: auto;
}

.CollapsiblePanel img {
margin-right: 5px;
}

.CollapsiblePanel h3
{
font:bold 11px/14px "Lucida Grande", Calibri, "Microsoft Sans Serif", Lucida, Verdana, Arial, sans-serif;
color: #c60;
margin-bottom:4px;
}

.CollapsiblePanel p
{
font-size: 11px;
line-height: 14px;
color: #667;
margin-bottom:4px;
}

.CollapsiblePanelTab b {
color: #000;
text-decoration: none;
}

.CollapsiblePanelTab a
{
color: #000;
text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab
{
background-color: #eee;
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
background-color: #ccc;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
background-color: #eee;
}

.deftable_tr1
{
	font-size: 14px !important;
	background: #dee7d1 !important;
}

.deftable_tr2
{
	font-size: 14px !important;
	background: #eff3ea !important;
}

.deftable_td1, .deftable_td2
{
	padding: 10px !important;
}

.deftable_td1
{
	width: 170px;
	text-align: center;
}

.buylink, .buylink:active, .buylink:visited, .buylink:hover
{
	font-size: 20px !important;
	color: rgb(0,136,204) !important;
}

.jspopup b
{
	display: block;
	border-bottom: 1px solid #CCCCFF;
	margin: 0px 10px;
	margin-bottom: 10px;
	font-size: 16px;
}

.jspopup
{
	position: absolute;
	width: 200px;
	padding: 5px;
	height: auto;

	background-color: #FFFFFF;
	border: 1px solid #DDDDFF;
	font-size: 14px;

	text-align: center;

	padding-bottom: 10px;
	color: rgb(0,153,221);
	z-index: 1000;
}

.blackpopup b
{
	font-size: 15px;
}

.blackpopup
{
	position: absolute;
	padding: 5px;
	height: auto;

	background-color: rgb(255,255,225);
	border: 1px solid #DDDDFF;
	font-size: 14px;

	text-align: left;

	color: rgb(0,153,221);
	
	z-index: 1000;
}

.clear
{
	height: 1px;
	overflow: hidden;
	font-size: 0px;
	display: block;
	float: none;
	clear: both;
	padding: 0px;
	margin: 0px;
}