@charset "UTF-8";
/*LK CSS 090909*/

/*-----------Generic Page Features-----------*/
body
{
	padding:0;
	margin:0;
	background:#00334E;
	background:url('../Images/LKBackground.png');
	font-family:Arial;
	overflow-y:scroll;
}
	
img
{
	border:none;
}

h1
{
	display:inline-block;
	width:660px;
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
	text-align:left;
	color:#49A3FF;
	border-bottom:1px #999 dashed;
}

h2
{
	display:inline-block;
	width:660px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:8px;
	text-align:left;
	color:#49A3FF;
	border-bottom:1px #999 dashed;
}

.Titles
{
	display:inline-block;
	width:170px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
	text-align:left;
	color:#49A3FF;
	border-bottom:1px #999 dashed;
}

.enquiryLink
{
	color:#49A3FF;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	vertical-align:30%;
}
	
.enquiryLink:hover
{
	color:red;
}
	

/*-----------Form Elements-----------*/

.FormLabel
{
	display:inline-block;
	margin:0px 0px 8px 0px;
	width:102px;
	vertical-align:top;
}

.FormInput
{
	display:inline-block;
	margin:0px 0px 8px 0px;
	vertical-align:top;
}

.FormSelect
{
	display:inline-block;
	margin:0px 0px 8px 20px;
	vertical-align:top;
	width:100px;
}


/*-----------Header Features-----------*/


.Header{
	display:inline-block;
	background:url('../Images/Header2.jpg') no-repeat;
	width:900px;
	height:105px;
	padding:0;
	margin:0;
	text-align:center;
	}

.HeaderCenter{
	display:inline-block;
	text-align:center;
	margin:0px 0px 10px 0px;
	}
	
.LKSubLinkBar{
	display:inline-block;
	width:900px;
	margin:0;
	padding:0;
	text-align:right;
	}

a.ClientAreaButton{
	color:#49A3FF;
	text-align:center;
	font-size:10px;
	width:65px;
	font-weight:900;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	}
	
a.WebmailButton{
	color:#49A3FF;
	text-align:center;
	font-size:10px;
	width:65px;
	font-weight:900;
	text-decoration:none;
	display:inline-block;
	}
	
a.EnquiryFormButton{
	color:#49A3FF;
	text-align:center;
	font-size:10px;
	width:65px;
	font-weight:900;
	text-decoration:none;
	display:inline-block;
	}

a.eMailUsButton{
	color:#49A3FF;
	text-align:center;
	font-size:10px;
	width:65px;
	font-weight:900;
	text-decoration:none;
	display:inline-block;
	}
	
a.RequestPDFButton{
	color:#49A3FF;
	text-align:center;
	font-size:10px;
	width:65px;
	font-weight:900;
	text-decoration:none;
	display:inline-block;
	}

a.CallMeBackButton{
	color:#49A3FF;
	text-align:center;
	font-size:10px;
	width:65px;
	font-weight:900;
	text-decoration:none;
	display:inline-block;
	}


.NumberContainer{
	width:500px; 
	text-align:center;
	height:20px; 
	display:inline-block; 
	vertical-align:text-bottom; 
	text-align:right; 
	float:right; 
	margin:5px 15px 0px 0px;
	}

p.TelText{
	font:14px Arial,geneva,sans-serif;	
	font-weight:700;
	color:#49A3FF;
	display:inline;
	margin:0px 10px 0px 10px;
	}

p.TelNumber{
	font:14px Arial,geneva,sans-serif;
	font-weight:700;
	color:#B10005;
	display:inline;
	}


.link{
	display:inline;
	margin-top:8px;
	height:10px;
	cursor:hand;
	}

.ArrowLink{
	background:url('../Images/HeaderButton.png') no-repeat top left;
	display:inline-block;
	height:40px;
	width:40px;
	margin:20px 10px 0px 0px;
	}
	
.ArrowLink:hover{
	background:url('../Images/HeaderButton.png') no-repeat bottom left;
	display:inline-block;
	height:40px;
	width:40px;
	}
	
.LeftColumn{
	display:inline-block; 
	width:690px; 
	height:auto;
	}
	
.RightColumn{
	display:inline-block;
	width:10px;
	height:auto;
	}
	
.FlashContainer{
	display:inline-block;
	width:900px;
	height:250px;
	margin:10px 14px 0px 14px;
	}
	
.NavigationRightContainer{
	height:100%;
	width:192px;
	margin:10px 0px 0px 0px;
	padding:2px;
	}
	
.RightNavigationLinks{
	color:#FF0000;
	font-family:arial;
	text-decoration:none;
	list-style:none;
	}

	
.MainContent{
	display:inline;
	width:616px;
	margin:10px 14px 0px 10px;
	padding:10px;
	font-size:12px;
	height:100%;
	vertical-align:top;
	}
	
.ManagedServicesHead{
	background:url(../Images/ManagedServicesHead.png) no-repeat;
	display:inline-block;
	width:190px;
	height:60px;
	text-align:right;
	}
	
.WebAndMarketingHead{
	background:url(../Images/WebAndMarketingHead.png) no-repeat;
	width:190px;
	height:60px;
	display:inline-block;	
	text-align:right;
	}
	
.CompSupportHead{
	background:url(../Images/CompSupportHead.png) no-repeat;
	width:190px;
	height:60px;
	display:inline-block;
	text-align:right;
	}
	
.CreditationsHead{
	background:url(/Assets/Images/Creditations.png) no-repeat;
	width:250px;
	height:40px;
	margin:32px 0px 0px 0px;
	display:inline-block;
	vertical-align:top;
	}
	
.CreditationsBoxMid{
	background:url(/Assets/Images/CreditationsBoxMid.png) repeat-y;
	width:250px;
	height:370px;
	display:inline-block;
	}

.CreditationsBoxBottom{
	background:url(/Assets/Images/CreditationsBoxBottom.png) no-repeat;
	width:250px;
	height:80px;
	display:inline-block;
	}
	
.indexBoxHolder
{
	display:inline-block;
	width:198px;
	text-align:center;
	vertical-align:top;
}

.boxBottom{
	background:url(../Images/indexBoxes.png);
	width:170px;
	height:190px;
	display:inline-block;
	padding:10px;
	}
	
.boxMid{
	background:url(/Assets/Images/indexBoxesMid.png);
	width:170px;
	height:120px;
	display:inline-block;
	padding:10px;
	text-align:left;
	}

.boxBottomLong{
	background:url(../Images/indexBoxeslong.png);
	width:230px;
	height:270px;
	display:block;
	padding:10px;
	}
	
.SectionTitle{
	font-weight:500;
	font-size:20px;
	color:#49A3FF; 
	display:block; 
	text-align:left;
	margin:20px 0px 0px 20px;
	vertical-align:top;
	}
	
	
.SectionText{
	display:inline-block;
	font-size:12px;
	color:#000; 
	width:880px;
	text-align:justify;
	margin:10px 0px 0px 20px;
	vertical-align:top;
	}
	
.HR{
	background:url(../Images/HR.jpg) repeat;
	display:inline-block;
	height:2px;
	width:600px;
	margin:20px 0px 10px 20px;
	}
	
.HRFullWidth{
	background:url(../Images/HR.jpg) repeat;
	display:inline-block;
	height:2px;
	width:890px;
	margin:20px 0px 10px 20px;
	}
	
.IndexQuickLinks{
	color:red;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	}
	
.IndexQuickLinks:hover{
	color:#808080;
	}
	
/*Shop buttons*/
a.buttonLeft {
    	background: transparent url('../Images/ButtonsRight.jpg') no-repeat top right;
    	color: #444;
    	height:21px;
    	display:inline-block;
    	font: normal 12px arial, sans-serif;
    	margin-right: 6px;
    	padding-right: 18px; /* sliding doors padding */
    	text-decoration: none;
	}

a.buttonLeft span {
    	background: transparent url('../Images/ButtonsLeft.jpg') no-repeat;
	display:inline-block;
	height:14px;
    	padding: 2px 0px 5px 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    	cursor:pointer;
    	}
	
a.buttonLeft:hover {
    	background-position: bottom right;
    	color: #FFF;
    	display:inline-block;
	}
	
a.buttonLeft:hover span  {
    	background-position: bottom left;
	color: #FFF;
	display:inline-block;
	} 

a.buttonLeft:visited {
    	outline: none;
	}

a.buttonLeft span:visited {
    	outline: none; /* hide dotted outline in Firefox */
	}
	

/*Drop Down Menu*/
	
#DropDownMenu
{	display:inline-block;
	margin: 0;
	padding: 0;
	z-index: 30}

#DropDownMenu span
{	display:inline-block;	
	margin: 0;
	padding: 0;
	list-style: none;
	}

#DropDownMenu span a
{	display: block;
	width: 70px;
	/*background: #5970B2;*/
	color: #FFF;
	text-align: center;
	text-decoration: none}

#DropDownMenu span a:hover
{	/*background: #49A3FF*/}

#DropDownMenu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFF;
	width:150px;
	border: 1px solid #5970B2
	}

#DropDownMenu div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #fff;
	color: #2875DE;
	font: 11px arial}

#DropDownMenu div a:hover
{	background: #49A3FF;
	color: #FFF}
	

.LKTopNav{
	display:inline-block;
	background:url('../Images/TopNavBack.jpg') repeat-x;
	width:930px;
	height:32px;
	padding:0px;
	margin:0px;
	text-align:center;
	}

a.TopNavLink{
	display:inline-block;
	color:#fff;
	height:24px;
	width:auto;
	font-family:Arial;
	font-size:14px;
	padding:8px 0px 0px 0px;
	margin:0px;
	}
	
a.TopNavLink:hover{
	background:url('../Images/TopNavBackHover.jpg');
	}

.LK_Login 
{	
	display: inline-block;
	width:500px;
	text-align:left;
	margin-bottom:10px;
}

.LK_Login a
{	
	color:#666;
	text-decoration:none;
	font-size:12px;
}

.LK_Login a:hover
{	
	color:#49A3FF;

}

.LK_Basket
{
	display:inline-block;
	text-align: right;
	width: 398px;
	vertical-align:top;
}

.LK_Basket a
{
	color:#666;
	text-decoration:none;
	font-size:12px
}
	
.LK_Basket a:hover
{
	color:#49A3FF;

}
	
.LK_CategoryList
{
	display: inline-block;
	padding: 10px;
	text-align: left;
	width: 170px;
}

.LK_ProductHolder
{
	display:inline-block;
	width:660px;
	height:auto;
	vertical-align:top;
	overflow:hidden;
	text-align:left;
}

.LK_ShopBody
{
	color:#808080;
	font-size:10px;
}


.footerSublinks{
	display:inline-block;
	width:900px;
	text-align:right;
	}
	
.footerSublinks a{
	text-decoration:none;
	font-size:12px;
	color:#808080;
	margin-left:20px;
	font-weight:bold;
	}
	
.footerSublinks a:hover{
	color:#2194d0;
	}	
	
/*Expandable Menu*/

.NavHolder
{
	display:inline-block;
	margin:0px 0px 0px 20px;
	width:200px;
	text-align:center;
	vertical-align:top;
}

.NavMenuTop
{
	background:url('/Assets/Images/NavMenuTop.png');
	display:inline-block;;
	width:196px;
	height:20px;
}

.NavMenuMid
{
	background:url('/Assets/Images/NavMenuMid.png');
	display:inline-block;;
	width:196px;
}	

.NavMenuBottom
{
	background:url('/Assets/Images/NavMenuBottom.png');
	display:inline-block;;
	width:196px;
	height:66px;
}

.ExpandLI
{
	list-style:none;
	display:inline-block;
	width:180px;
	font-size:12px;
	text-align:left;
	margin:0px 0px 0px 20px;
}

.ExpandText
{
	list-style:none;
	display:inline-block;
	font-size:12px;
	text-align:justify;
	margin:0px 0px 0px 0px;	
}

.ExpandTextProducts{
	list-style:none;
	display:inline-block;
	font-size:10px;
	text-align:justify;
	margin:0px 0px 0px 0px;	
	width:350px;
}

.HiddenExtranetPopup
{
	margin:0;
	padding:0;
	display:none;
	margin:0px 0px 10px 0px;
	position:absolute;
	z-index:1000;
}


.Hidden
{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	margin:0px 0px 10px 0px;
	padding:0;
}

.ExpandContentButton
{
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	font-size:12px;
	color:#49A3FF;
	font-weight:bold;
	text-align:left;
	margin-left:10px;
}

.ExpandContentButton:hover
{
	color:#B10005;
}

.ExpandContent
{
	background:url('/Assets/Images/NavArrowSmall.png') no-repeat;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	font-size:12px;
	color:#49A3FF;
	font-weight:bold;
	text-align:left;
}

.ExpandTopLink
{
	background:url('/Assets/Images/NavArrowSmall.png') no-repeat;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	font-size:12px;
	color:#49A3FF;
	font-weight:bold;
	text-align:left;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 18px;
	vertical-align:30%;
}

.ExpandTopLink:hover
{
	cursor:pointer;
	color:#B10005;
}

.ExpandedLinks
{
	display:inline-block;;
	text-decoration:none;
}


/*Content*/

.ContentTopLong{
	background:url(/Assets/Images/ContentTopLong.png) no-repeat;
	display:inline-block;
	width:830px;
	height:22px;
}

.ContentMidLong{
	background:url(/Assets/Images/ContentMidLong.png) repeat-y;
	display:inline-block;
	width:830px;
	height:auto;
	text-align:center;
}

.ContentBottomLong{
	background:url(/Assets/Images/ContentBottomLong.png) no-repeat;
	display:inline-block;
	width:830px;
	height:70px;
	margin:0px 0px 10px 0px;
}

.ContentTopMedium{
	background:url(/Assets/Images/ContentTopMedium.png) no-repeat;
	display:inline-block;
	width:830px;
	height:22px;
}

.ContentMidMedium{
	background:url(/Assets/Images/ContentMidMedium.png) repeat-y;
	display:inline-block;
	width:830px;
	height:auto;
	text-align:left;
}

.ContentBottomMedium{
	background:url(/Assets/Images/ContentBottomMedium.png) no-repeat;
	display:inline-block;
	width:830px;
	height:70px;
	margin:0px 0px 10px 0px;
}

.ContentTop
{
	background:url(/Assets/Images/ContentTop.png) no-repeat;
	display:inline-block;
	width:480px;
	height:22px;
}

.ContentMid
{
	background:url(/Assets/Images/ContentMid.png) repeat-y;
	display:inline-block;
	width:480px;
	height:auto;
	text-align:left;
}

.ContentBottom
{
	background:url(/Assets/Images/ContentBottom.png) no-repeat;
	display:inline-block;
	width:480px;
	height:70px;
}

.ContentArea
{
	display:inline-block;
	width:440px;
	margin:20px;
	text-align:justify;
}

.SupportContentArea
{
	display:inline-block;
	width:900px;
	margin:20px;
	text-align:justify;
}

.ContentTitle{
	display:block;
	font-weight:500;
	font-size:30px;
	margin:0px 0px 10px 0px;
	color:#49A3FF;  
	text-align:left;
	vertical-align:top;
	width:400px;
	}

.ContentText{
	display:inline-block;
	font-size:12px;
	color:#000; 
	text-align:justify;
	margin:10px 0px 0px 20px;
	vertical-align:top;
	width:380px;
	}

.ContentText ul
{
	display:inline-block;
	list-style:disc;
	color:#49A3FF;
	font-size:11px;
}

.ContentText li
{
	color:#013b6f;
	font-size:11px;
	padding:0px;
}

.rightHandLinks
{
	color:#49A3FF;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	vertical-align:30%;
}

.rightHandLinks:hover
{
	color:red;
}

.RightHandLinkHolder
{
	display:inline-block; 
	vertical-align:top;
	width:160px;
	text-align:right;
	border-bottom:1px #808080 dashed;
}

.leftHandLinks
{
	color:#49A3FF;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	vertical-align:30%;
}

.leftHandLinks:hover
{
	color:#808090;
}

.leftHandLinkHolder
{
	display:inline-block;
	margin-bottom:5px;
	vertical-align:top;
	width:160px;
	text-align:left;
	border-bottom:1px #808080 dashed;
}

.NewsHolder
{
	display:inline-block;
	font-size:12px;
	padding:10px 0px 0px 10px;
	width:420px;
}

.NewsHolder a
{
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	font-size:12px;
	color:#49A3FF;
	font-weight:bold;
	text-align:left;
	margin:0px 0px 5px 0px;
}

.NewsHolder a:hover
{
	cursor:pointer;
	color:#B10005;
}

.ContactLink
{
	color:#49A3FF;
	font-weight:bold;
	text-decoration:none;
}

.ContactLink:hover
{
	color:#B10005;
}

.DirectionsLink
{
	font-size:14px;
	text-decoration:none;
	color:#49A3FF;
	font-weight:bold;
	text-decoration:none;	
}

.DirectionsLink:hover
{
	color:#B10005;
}


.ExtranetSupportLink
{
	color:#888;
	text-decoration:none;
	font-weight:none;
}

.ExtranetSupportLink:hover
{
	color:#FFF;
}

.PaymentsTitle{
	font-weight:500;
	font-size:30px;
	color:#49A3FF; 
	display:inline-block; 
	text-align:left;
	vertical-align:top;
	border-bottom:1px dashed #808080;
	width:790px;
}


/*Payment Site buttons*/
a.buttonPayments {
    	background: transparent url('../Images/ViewInvoiceButtonRight.png') no-repeat bottom right;
    	color: #FFF;
    	height:35px;
    	display:inline-block;
    	font: normal 12px arial, sans-serif;
    	margin: 0px;
    	padding-right: 15px; /* sliding doors padding */
    	text-decoration: none;
	}

a.buttonPayments span {
    	background: transparent url('../Images/ViewInvoiceButton.png') no-repeat bottom left;
	display:inline-block;
	height:22px;
    	padding: 8px 0px 5px 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    	cursor:pointer;
    	}
	
a.buttonPayments:hover {
    	background-position: top right;
    	color: #FFF;
    	display:inline-block;
    	height:34px;
    	}
	
a.buttonPayments:hover span  {
    	background-position: top left;
	color: #FFF;
	display:inline-block;
	height:21px;
	} 

a.buttonPayments:visited {
    	outline: none;
	}

a.buttonLeft span:visited {
    	outline: none; /* hide dotted outline in Firefox */
	}
	
.DomainRegType{
	border-bottom:1px dotted #FFF;
	display:inline-block;
	padding-bottom:2px;
	font-size:16px;
	width:130px;
	text-align:right;
}
.DomainRegPrice{
	border-bottom:1px dotted #CCC;
	color:#CCC;
	display:inline-block;
	font-size:22px;
	font-weight:bold;
	margin:0px 0px 0px 50px;
	padding-bottom:2px;
	width:120px;
}
.subscript{
	font-size:small; 
	vertical-align:5%;
	color:#CCC;
}

.PSMainPageLinks{
	color:#49A3FF;
	text-decoration:none;
}
	
.PSMainPageLinks:hover{
	color:#B00005;
	text-decoration:none;
	}
	
.MyAccountMenuText{
	display:inline-block;
	font-size:12px;
	width:620px;
	text-align:left;
	}
	
.MyAccountMenuText a{
	color:#49A3FF;
	display:inline-block;
	font-size:12px;
	}

.MyAccountMenuText a:hover{
	color:red;
	}