/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
}

div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

.buttonie
{
	width: auto;
	overflow: visible;
}

div#socialmediabuttons.right
{
    float: right;
}

/* checkout video containers */
/*******************************************************************************/
div#video_viewcart,
div#video_personaldetails,
div#video_configurenumber,
div#video_securepayment
{
    margin-bottom: 1em;
}

div#video_configurenumber
{
    float: right;
}

div#video_viewcart div.videopositioncontainer
{
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
}

/* site container */
/*******************************************************************************/
body
{
	background: #fff;
}

div#container
{
	width: 980px;
	padding: 0;
}

div#site_container
{
	/*background: #fff url(/site/img/copy-bgslice.gif) repeat-y; */
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, 
div#skiplinks a:hover, 
div#skiplinks a:visited,
div#skiplinks p
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

div#skiplinks a:active
{
	position:static;
	width:auto;
	height:auto;
}

/* skip links - accessibility */
/*************************************************************************************/
/*div#skiplinks
{
	height: 1.8em;
	text-align:right;
	margin-right: 10px;
}
 
div#skiplinks p
{
	color: #ccc;
	line-height: 1.8em;
	margin-bottom: 0;
	text-align: right;
	font-size: 0.83em;
}
 */
/* lvha */
/*div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}*/

/* header block */
/*******************************************************************************/
div#header_container
{
	height: 86px;
	position: relative;
	margin: 0 7px 0 3px;
	border-bottom: 1px solid #1A1364;
}

div#header_container img#logo,
div#header_container .logo
{
	position: absolute;
	top: 4px;
	left: 12px;
}

div#header_container div#socialmediaprofiles
{
	position: absolute;
	top: 50px;
	left: 503px;
	z-index: 10;
}

div#header_container div#socialmediaprofiles img
{
	padding-right: 8px;
}

div#header_container div#professionalmemberships
{
	position: absolute;
	top: 12px;
	left: 497px;
}

img#telephone,
.telephone
{
	position: absolute;
	top: 45px;
	left: 301px;
}


p#companyethos
{
	position: absolute;
	right: 0;
	top: 25px;
	
	color: #948A54;
}

/*-----------------------------------HOLIDAY LOGO------------
img#telephone
{
	position: absolute;
	top: 45px;
	left: 195px; - THIS SHOULD BE 160PX WHEN LOGO IS CLEAN
}

----------*/


a#homelink
{
	position: absolute;
	float: left;
	top: 93px;
	left: 16px;
}

ul#navigation_top
{
	position: absolute;
	float: left;
	top: 53px;
	right: -2px;
}

/* breadcrumb */
/*******************************************************************************/
div#breadcrumb
{
	height: 36px;
	line-height: 36px;
	text-align: right;
	margin: 0 7px;
}

div#breadcrumb a
{
	font-weight: normal;
}

/* body block */
/*******************************************************************************/
div#body_container
{
}

div#flash_container
{
	margin: 0 0 15px 52px;
}

div#flash_training
{
	margin: 0 0 15px 0;
}

div#copy_column
{
	float: left;
	width: 650px;
}

div#copy_container
{
	/*margin: 0 24px 0 20px;*/
	margin: 0 16px 50px 12px;
	padding: 0;
	border: 0;
}

div#moreinfo_column
{
	float: left;
	width: 166px;
	margin: 0;
}

div#moreinfo_column2
{
	float: left;
	width: 166px;
	margin: 0;
	text-align:center;
	padding-top:15px;
}

div#clientarea
{
	clear:both;
}

div#info_column	/* front page only */
{
	float: left;
	width: 140px;
	padding: 0 5px 0 17px;
/*	border-right: 1px #999999 solid;*/
}

div#front_column /* front page only */
{
	float: left;
	width: 419px;
	margin: 0 10px 0 18px;
	padding: 0;
	border: 0;
}

div.adwords_container
{
	width: 120px;
	margin: 20px 10px 20px 20px;
	float: left;
}

div.adwords_sidebar
{

	float: none;
}

div.adwords_container img
{
	padding: 0 20px;
}

div.adwords_container p
{
	font-size: 0.833em;
	line-height: 1.2em;
	margin: 0;
	padding: 4px 0;
}

div.payment_logos
{
	text-align:center;
	margin: 1em 3px;
}

/* copy column */
/*******************************************************************************/
.copy_shell
{
/*	width: 399px; /* 419px; */
	margin-bottom: 5px;	
	padding: 0 39px 10px 39px;	
}

.featured
{
	padding: 5px 5px 5px 5px;
	border-bottom: #999999 1px solid;
	clear: left;	
	overflow: auto;
}

.featured img
{
	float: left;
	padding-right: 10px;
}

.lastfeatured
{
	border-bottom: none;
}

table.domainpricing
{
	margin: 0 1em 1em;
	border: 0;
}

table.domainpricing th
{
	text-align: left;
}

p.transcript-link-panel
{
	font-size:0.8em;
	text-align:center;
}

.transcript-dialog
{
	display:none;
	text-align: left;
}

.transcript-content
{
	display: none;
}

.ui-dialog-content .transcript-content
{
	display: inherit;
}

/* navigation */
/*******************************************************************************/
ul#navigation_top 
{
	margin: 0;
	padding: 0 0 0 2px;
	clear: both;
}

ul#navigation_top li
{
	list-style-type: none;
	display: block;
	float: left;
	margin: 0 2px 0 0; padding: 0;
}

ul#navigation_top li a
{
	display: block;
	text-indent: -5000px;	/* phark it */
	
	height: 33px;
}

#btn_ourpeople
{
	display: none !important;
}

#btn_web					{	width: 47px; background: url(/site/img/web-off.gif) no-repeat;	}
#btn_print					{	width: 50px; background: url(/site/img/print-off.gif) no-repeat;	}
#btn_telecoms				{	width: 74px; background: url(/site/img/telecoms-off.gif) no-repeat;	}
#btn_blog					{	width: 46px; background: url(/site/img/blog-off.gif) no-repeat;	}
#btn_contactus				{	width: 66px; background: url(/site/img/contactus-off.gif) no-repeat; }
#btn_internetmarketing		{	width: 135px; background: url(/site/img/internetmarketing-off.gif) no-repeat; }
#btn_ourpeople				{	width: 85px; background: url(/site/img/ourpeople-off.gif) no-repeat; }

li#btn_web.active,					#btn_web a:hover					{	background: url(/site/img/web-on.gif) no-repeat;		}
li#btn_print.active, 				#btn_print a:hover 					{	background: url(/site/img/print-on.gif) no-repeat;		}
li#btn_telecoms.active, 			#btn_telecoms a:hover 				{	background: url(/site/img/telecoms-on.gif) no-repeat;	}
li#btn_blog.active, 				#btn_blog a:hover 					{	background: url(/site/img/blog-on.gif) no-repeat;		}
li#btn_contactus.active,			#btn_contactus a:hover				{	background: url(/site/img/contactus-on.gif) no-repeat;	}
li#btn_internetmarketing.active,	#btn_internetmarketing a:hover		{	background: url(/site/img/internetmarketing-on.gif) no-repeat;	}
li#btn_ourpeople.active,			#btn_ourpeople a:hover				{	background: url(/site/img/ourpeople-on.gif) no-repeat;	}


/* side nav column */
/*******************************************************************************/
div#nav_column
{
	float: left;
	width: 145px;
	margin: 0 0 0 10px;
}

#nav_column ul
{
	margin: 0;
	padding: 0 0 12px 0;
	clear: both;
	background: #fff url(/site/img/menu-bg.gif) repeat-y;	
}

#nav_column ul li
{
	list-style-type: none;
	margin: 0 9px 2px 3px;
	padding: 3px 10px;
	background: url(/site/img/menuitem-bg-off.gif) repeat-y left top;
	border-top: #e4e4e4 1px solid;
	border-bottom: #e4e4e4 1px solid;	
}

#nav_column ul li.navumbrella a
{
	font-size: 1.333em;
}

img.bodies_img
{
	margin: 20px 0;
}

.chamber
{
    padding-left: 10px;
}

.investors
{
    padding-left: 10px;
}


div#videoinset,
div.videoinset
{
    margin: 0 0 1em 0;
    width: 210px;
    /*height: 113px;*/
    background-color: #000;
}

div.videoinsetextra
{
    height: 132px !important;
}

div.videoinsetcallanswering
{
    width: 200px;
    height: 200px;
}

.sound-sample-flash
{
	margin: .5em 0;
}

/* featured clients */
/*******************************************************************************/
div.featured_client
{
	padding: 10px 0;
	border-bottom: #ccc 1px solid;
}

div.last_featured_client
{
	border-bottom: none;
}

div.featured_client img
{
	float: left;
	padding: 0 10px;
	vertical-align: middle;
}

div.featured_client p
{
	margin: 0; padding: 0;
}

div#featured_scroll
{
	height:250px;
	overflow:auto;
	border:solid 1px #CCCCCC
}

div#featured_border
{
		border:solid 1px #999999;
		padding:10px 10px 10px 10px;
	}

/* footer */
/*******************************************************************************/
div#addressbar
{
	clear: left;
	margin-top:15px;
	border-top:2px solid #339;
	padding-top:10px;
}

div#addressbar p
{
	text-align:center;
}


div#footer
{
	margin: 15px 0 0 0;
}

div#footer_navigation,
div#footer_dbs,
div#footer_copyright
{
	margin: 10px 19px 0 18px;
}

div#footer_social
{
	float:right;
	position: relative;
	font-size:1.2em;
	height: 64px;
	margin-right: 65px;
}

div#footer_social div#professionalmemberships
{
	width: 192px;
	top:0;
}

div#footer_social div#socialmediaprofiles
{
	position: absolute;
	bottom: 0;
	left: 4px;
}

div#footer div#socialmediabuttons
{
	height:64px;
	position:relative;
	width:60px;
}

div#footer div#socialmediabuttons div
{
	position: absolute;
	bottom: 4px;
}


/* Homepage Panels */
/*******************************************************************************/

div#panel_action img
{
	margin: 10px;
}

/* Case studies layout */
/*******************************************************************************/
div#casecontainerbig{
height: 120px;
}

div#casecontainerbig2{
height: 100px;
}

div.casecontainer {
height: 85px;
border-bottom: 1px solid #999;
margin-top: 6px;
margin-bottom: 3px;
}

div.case, div.label, div.details {
font-size:0.833em;
float:left;
}

div.case {
width:125px;
text-align:center;
}

div.label, div.details {
padding: 0 2.3px;
}

div.label {
text-align:right;
width: 70px;
}

div.details {
width:200px;
}

/*Case studies content*/

p.details, td.logo, td.details {
font-size:0.833em;
color: #4C4C88;
}

td.details, td.logo {
border-top:1px solid #999;
margin-bottom:10px;
vertical-align:top;
}

td.details {
width: 150px;
padding-left: 20px;
padding-right: 10px;
padding-top: 10px;
}


td.details#mk {
padding-top:7px;
}

td.details#mount {
padding-top:9px;
}


td.logo {
width: 250px;
padding-left: 10px;
padding-top: 10px;
}

/*td.thumb{
width: 120px;
padding-left: 0px;
padding-right: 0px;
text-align:left;
}

td.txt {
font-size:0.833em;
width: 172px;
padding-left: 10px;
padding-right: 10px;
}
*/

/* image float */
/*******************************************************************************/
.floatleft {
	float:left;
	margin-right:10px;
	}
	
.floatright {
	float:right;
	margin-left:10px;
	}
	
	
/* area numbers list layout */

.numlist, .numbuy {
float: left;
margin-top: 7px;
}

.numlist {
width: 200px;
}

.numbuy {
width: 100px;
}


/* PDF link img */

.pdf {
background-image: url(/site/img/pdflogo.gif);
background-repeat:no-repeat;
background-position:top left;
padding-left: 25px;
padding-bottom: 10px;
}


.indent {
padding-left: 25px;
}

/* Doc link img */


.doc
{
	background-image: url(/site/img/docicon.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left: 25px;
	padding-bottom: 10px;
}

/* Porting List */

ul.nobullet
{
	margin-left: 20px;
	padding: 0;
}

/* Homepage sidebar lists */
ul.fp_list li
{
	font-size: 0.833em;
	margin-bottom: 0.3em;
	line-height:1.2em;
}

ul.fp_list li a
{
	color: #666;
}

ul.fp_list2 li
{
	font-size: 0.833em;
	margin-bottom: 0.3em;
	line-height:1.2em;
}

ul.fp_list2 li a
{
	color: #666;
}

.newsletter
{
	font-size: 0.833em;
	margin-bottom: 0.3em;
	line-height: 1.2em;
}

/*email index layout */
div#eml_copy
{
	float: left;
}

div#eml_container
{
	/*margin: 0 24px 0 20px;*/
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;
	float:left;
	width:585px;
}

div#eml_text
{
	width:580px;
}

div#eml_header
{
	margin-top:15px;
	margin-bottom:15px;
}

#printings
{
	display:none;
}

#newyearorders
{
	border: solid 1px #FF0000;
	background: #ffe6e6;
	padding: 1.5em;
	margin-bottom: 10px;
}

#newyearorders h1
{
	margin-bottom: 0.5em;
}

#newyearorders p
{
	margin-bottom: 0;
	padding-bottom: 0;	
}

li.gap
{
	margin-top:30px;
}

div.memorable
{
	padding:10px 10px 10px 10px;
	border:solid 1px #CCCCCC;
	width:170px;
	margin:0 0 10px 0;
}

div.memorable ul
{
	margin:0;
	padding:0;
	
}

div.memorable ul li
{
	list-style:none;
	line-height:1.33em;
}



/* templates */
/*******************************************************************************/

.template_box_red
{
	padding:10px;
	margin:10px 0 0 0;
	border:1px solid #990000;
}

.template_box_blue
{
	padding:10px;
	margin:10px 0 0 0;
	border:1px solid #003399;
}

.template_box_green
{
	padding:10px;
	margin:10px 0 0 0;
	border:1px solid #006600;
}




h3.one_title
{
	font-size:1.33em;
	color:#CC0000;
	margin-bottom:10px;
}


h3.one_page_top,
.one_page_top
{
	font-size:1.16em;
	color:#CC0000;
	margin-bottom:10px;
}

.cc_holder
{
	width: 400px;
	margin-bottom: 10px;
}

.cc_images
{
	float: left;
	width: 101px;
	height: 30px;
}

.cc_tagline
{
	float: left;
	width: 299px;
	height: 30px;	
}

.cc_tagline
{
	line-height: 26px;
}

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


h3.one_page,
.one_page
{
	font-size:1.16em;
	color:#CC0000;
	margin-bottom:5px;
	padding-top:25px;
	display:block;
}

.one_price
 {
	font-size:2em;
	color:#CC0000;
	margin-bottom:10px;
	font-weight:bold;
}





h3.three_page_top,
.three_page_top
{
	font-size:1.16em;
	color:#009900;
	margin-bottom:10px;
}


h3.three_page,
.three_page
{
	font-size:1.16em;
	color:#009900;
	margin-bottom:10px;
}

.three_price
 {
	font-size:2em;
	color:#009900;
	margin-bottom:10px;
	font-weight:bold;
}



h3.five_page_top,
.five_page_top
{
	font-size:1.16em;
	color:#0033cc;
	margin-bottom:10px;
}



h3.five_page,
.five_page
{
	font-size:1.16em;
	color:#0033cc;
	margin-bottom:10px;
}

.five_price
 {
	font-size:2em;
	color:#0033cc;
	margin-bottom:10px;
	font-weight:bold;
}


.templatethumb
{
	margin:0 2px 20px 2px;
	float:left;
	/*border:1px solid #333333;*/
	width:130px;
}

p.enlarge
{
	display:block;
	text-align:center;
	margin:0;
}

div.templatethumb h3
{
	display:block;
	text-align:left;
	color:#000099;
	font-weight:bold;
	margin-bottom:0;
}

.icon_float
{
	float:left;
	padding:0 5px 0 0;
}

ul.template_list
{
	margin-left:15px;
}

a.addon_link
{
	font-size:1.33em;
	color:#CC0000;
}

a.addon_link_green
{
	font-size:1.33em;
	color:#009900;
}

a.addon_link_blue
{
	font-size:1.33em;
	color:#0033cc;
}




/* news ticker */
/*******************************************************************************/
/*#newsticker {
  position: relative;
  overflow: hidden;
  border: 1px solid #C2D6D5;
  height: 25px;
  width: 680px;
  margin-bottom: 10px;
}
.scrollheadline {
  position: absolute;
  top: 5px;
  left: 710px;
  height: 20px;
  width:700px;
}*/


	#seo_efforts
	{
		
		color:#FFF;
		margin:5px 6px 0 3px;
		padding:5px 10px;
		display:none;
	}
	
	p.seo_effort_header
	{
		color:#039;
		font-size:1.17em;
		font-weight:bold;
		margin-bottom:5px;
	}
	
	#newsticker
	{
	  position: relative;
	  overflow: hidden;
	  border: 1px solid #ccc;
	  height: 25px;
	  background:#fff;
	}
	
	#newsticker div.scrollableArea p
	{
		display: inline;
		padding: 0 25px;
		line-height: 25px;
		width: auto;
		height: auto;
	}
	
	/*	The scroll wrapper is always the same width and 
		height as the containing element (div). Overflow 
		is hidden because you don't want to show all of 
		the scrollable area.
	*/
	div.scrollWrapper
	{
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	
	div.scrollableArea
	{
		position: relative;
		width: auto;
		height: 100%;
	}
	
	
	
	
	img#livehelp
	{
		display:none;
	}
	
	
	
	
	
	
p#franchise
{
	font-size:1.66em;
	color:#9E4FA6!important;
}


h3.date_cutoff
{
	font-size:1.33em;
	color:#06F;
	font-weight:bold;
	line-height:1.25em;
	margin-bottom:15px;
}

ul.menugroup li
{
    padding-right: 5px !important;
}

ul.menugroup ul
{
    background: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

ul.menugroup ul li
{
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 4px !important;
    padding-right: 0 !important;
}

#checkout-one
{
	top: 116px; position: absolute; width: 210px;
}