﻿/* CSS Document */

	.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background-image:url(/images/bluecolor.jpg);
}

.openpet{ /*class added to contents of 1st demo when they are open*/
border: 1px solid green;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

.getitnow{

font-size:12px;

letter-spacing:normal;

font-weight:normal;

color:#000000;

}



.cost{

font-size:50px;

font-weight:bold;

color:#ff0000;

}



.cents{

font-size:38px;

}



.yearly{

font-size:22px;

color:#666666;

letter-spacing:-2px;

}


.redprice{
color:#FF0000;
font-weight:bold;
}

.sslnames{
font-weight:bold;
font-size:18px;
line-height:28px;
text-transform:capitalize;
text-decoration:none;
}

.phrase{
font-weight:bold;
font-size:12px;
}

.priceholder2{
border-top:1px dotted #000000;
border-bottom:1px dotted #000000;
padding:4px;
font-size:11px;
}

.bigprice{
font-size:24px;
color:#FF0000;
font-weight:bold;
letter-spacing:-2px;
}


/*---------- bubble tooltip -----------*/
a.ttb{
    position:relative;
    z-index:24;
    font-weight:bold;
}
a.ttb span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.ttb:hover{ z-index:25;
}
a.ttb:hover span.tooltip{
font-weight:normal;
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:600px;
	color: #000000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.ttb:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(http://www.alentus.co.uk/images/bubble2.gif) no-repeat top;
}
a.ttb:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(http://www.alentus.co.uk/images/bubble_filler2.gif) repeat bottom; 
}
a.ttb:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(http://www.alentus.co.uk/images/bubble2.gif) no-repeat bottom;
}


.press{
width:700px;
margin:auto;
border:2px solid #CCCCCC;
background-color:#FFFFFF;
padding:20px;
}

.press h2{
font-size:16px;
}

.press p{
line-height:20px;
text-align:justify;
}

.sm-page{
text-transform:uppercase;
font-weight:bold;
}

.sm-service{
text-transform:uppercase;
font-weight:bold;
}

.sm-product{
text-transform:capitalize;
font-weight:normal;
}

.morebtn{
background-image:url(../images/buy-now.gif);
background-repeat:no-repeat;
width:103px;
height:18px;
display:block;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
padding:4px;
font-weight:bold;
text-align:center;
}


.morebutton{
background-image:url(../images/buy-now.gif);
background-repeat:no-repeat;
width:103px;
height:20px;
display:block;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
padding:4px;
font-weight:bold;
text-align:center;
}

.buy-now-bg{
background-image:url(../images/buy-now.gif);
background-repeat:no-repeat;
width:103px;
height:20px;
display:block;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
padding:4px;
font-weight:bold;
text-align:center;
margin:auto;
}

.matrixheader{
border-top:3px solid #000000;
background-color:#FFFFFF;
font-weight:bold;
}

body{
margin:0px;
background-color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-image:url(../images/background.jpg);
background-repeat:repeat-x;
}

.thead{
font-size:11px;
text-transform:uppercase;
}

a{
text-decoration:none;
}

a:active
{
  outline: none;
}

a:hover{
text-decoration:underline;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 100%; /*width of featured content slider*/
height: 165px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 100%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 5px;
font-size:11px;
}

.pagination a{
padding:5px;
text-decoration: none; 
color:#999999;
}

.pagination a:hover, .pagination a.selected{
color: #000;
}

#header-out{
width:100%;
background-color:#000000;
border-bottom:1px solid white;
color:#FFFFFF;
}

#header-in{
width:917px;
margin:auto;
padding:4px;
font-size:10px;
}

#header-in a{
color:#FFFFFF;
}

#logo-header-out{
width:100%;
}

#logo-header-in{
width:1000px;
height:71px;
margin:auto;
background-image:url(../images/logo-header-background.jpg);
background-repeat:no-repeat;
}

#logo{
width:55px;
height:54px;
top:5px;
left:43px;
float:left;
position:relative;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
}

#logo-header-right{
width:805px;
height:54px;
top:5px;
left:103px;
float:left;
position:relative;
}

#phonenumber{
background-image:url(../images/phonenumber.jpg);
width:267px;
height:22px;
top:12px;
left:510px;
position:relative;
float:left;
}

#search{
background-image:url(../images/search.jpg);
width:181px;
height:25px;
top:5px;
left:190px;
position:relative;
float:left;
}

#main-nav{
width:956px;
height:40px;
margin:auto;
background-image:url(../images/main-nav.jpg);
background-repeat:no-repeat;
padding-left:12px;
border-bottom:4px solid #B0B0B0;
}

#main-nav a{
display:block;
height:27px;
float:left;
padding:16px 19px 0 19px;
color:#000000;
font-weight:bold;
border-right:1px solid #ADADAD;
}

#featured{
margin:auto;
width:948px;
height:357px;
background-image:url(../images/featured.jpg);
padding:10px;
}

#featured2{
margin:auto;
width:968px;
height:185px;
}

#green-bar{
margin:auto;
width:968px;
height:77px;
background-image:url(../images/green-bar.jpg);
}

#banner-bar{
margin:auto;
width:968px;
height:77px;
}

#banner-bar2{
margin:auto;
width:968px;
}

#banner-bar2b{
margin:0px auto;
width:928px;
background-image:url(../images/colo-network-name.jpg);
height:34px;
padding:20px;
color:#FFFFFF;
font-weight:bold;
font-size:22px;
letter-spacing:-1px;
font-family:Arial, Helvetica, sans-serif;
}

#dedicatedbanner{
margin:auto;
width:968px;
height:77px;
background-image:url(../images/dedicatedbanner.jpg);
}

.featured-headline{
font-style:italic;
font-size:28px;
color:#FFFFFF;
text-align:center;
font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
}

#featured-product-box{
width:810px;
margin:auto;
}

.featured-product{
display:block;
background-image:url(../images/featured-product.jpg);
height:158px;
width:158px;
float:left;
margin:10px;
padding:10px;
text-align:center;
}

.featured-product a{
text-decoration:none;
}

.featured-product-header{
color:#336699;
font-weight:bold;
font-size:16px;
letter-spacing:-1px;
font-family:Arial, Helvetica, sans-serif;
}

.featured-product-description{
color:#000000;
font-size:11px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
}

.featured-product-price{
color:#000000;
font-size:22px;
letter-spacing:-1px;
font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
}

.featured-product-details{
background-image:url(../images/see-details.jpg);
display:block;
width:100px;
height:25px;
margin:auto;
color:#FFFFFF;
font-size:14px;
font-style:italic;
font-weight:bold;
font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
padding-top:4px;
}

#bottom{
width:928px;
margin:auto;
}

#bottom h1{
font-size:22px;
letter-spacing:-1px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#000000;
}

#bottom h2{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

.leftcollinks{
display:block;
width:330px;
padding:6px 6px 6px 15px;
color:#0033CC;
font-size:12px;
background-image:url(../images/leftcolarrow.jpg);
background-repeat:no-repeat;
margin-top:2px;
margin-bottom:12px;
font-weight:bold;
}

.rightcolbox1 a{
color:#0033CC;
}

.rightcolbox2 a{
color:#0033CC;
}

.rightcolbox3 a{
color:#0033CC;
}


.rightcolbox1{
width:300px;
font-size:11px;
padding:6px;
line-height:16px;
margin-bottom:4px;
border-bottom:1px solid #999999;
}

.rightcolbox2{
width:300px;
font-size:11px;
padding:6px;
line-height:16px;
margin-bottom:4px;
border-bottom:1px solid #999999;
}

.rightcolbox3{
width:300px;
font-size:11px;
padding:6px;
line-height:16px;
margin-bottom:4px;
border-bottom:1px solid #999999;
}

.rcht{
}

.rcht a{
padding:6px 6px 6px 15px;
color:#333333;
font-size:11px;
background-image:url(../images/leftcolarrow.jpg);
background-repeat:no-repeat;
text-align:left;
}

#fade{
height:34px;
background-image:url(../images/fade.jpg);
background-repeat:repeat-x;
width:100%;
}

#breadcrumbs{
font-size:10px;
}

#left-menu{
font-size:10px;
}

#left-menu h3{
background-image:url(../images/leftnavheader.jpg);
width:162px;
height:25px;
font-size:14px;
padding:8px 0 0 6px;
margin:0px;
color:#333333;
border-bottom:2px solid #666666;
}

#left-menu p{
display:block;
width:158px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:4px;
color:#000000;
font-weight:bold;
background-color:#ffffff;
margin:0px;
}

#left-menu a{
display:block;
width:158px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:4px;
color:#000000;
font-weight:bold;
background-color:#ffffff;
}

#left-menu a:hover{
background-color:#ffffff;
}

.content{
line-height:18px;
}

.contentimg{
float:right;
margin:10px;
}

#right-menu{
font-size:10px;
margin-top:15px;
}

.right-features2 h2,p{
margin:10px 2px 10px 2px;
padding:2px;
}

.right-features2{
border-top:2px solid #666666;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:4px;
margin:4px;
background-color:#FFFFFF;
}

.right-features{
border-top:2px solid #666666;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:10px;
margin:10px;
background-color:#FFFFFF;
}

#lower{
width:920px;
margin:auto;
padding:5px;
}

#lower h2{
font-size:22px;
letter-spacing:-1px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#333333;
margin:1px;
padding:1px;
}

.infohp{
padding:6px 6px 6px 15px;
color:#333333;
font-size:11px;
background-image:url(../images/leftcolarrow.jpg);
background-repeat:no-repeat;
margin-top:2px;
margin-bottom:2px;
}

.companynewshp{
display:block;
border-bottom:1px solid #cccccc;
width:420px;
padding:6px 6px 6px 15px;
color:#333333;
font-size:11px;
background-image:url(../images/leftcolarrow.jpg);
background-repeat:no-repeat;
margin-top:2px;
margin-bottom:2px;
}

#footer2{
width:939px;
height:13px;
margin:auto;
background-image:url(../images/footer2.jpg);
font-size:10px;
padding:10px;
}

#footer2 a{
color:#000000;
}

#footer{
width:920px;
margin:auto;
padding:5px;
border-bottom:1px dashed #999999;
}

.footer-boxes{
width:272px;
height:130px;
float:left;
padding:10px;
margin:5px;
font-size:11px;
}

.footer-boxes p{
margin:1px;
padding:1px;
}

.domainsinfo{
border-bottom:1px solid #e4e4e4;
}

.searchbox{
font-size:16px;
}

.smallprint{
font-size:11px;
}