/* CSS Document */


#applications{
width:720px;
height:213px;
background-image:url(http://www.alentus.com/image_files/hosted-applications.jpg);
background-repeat:no-repeat;
}

 .insidetext{
width:330px;
color:#ffffff;
margin-left:370px;
font-size:16px;
font-weight:bold;
line-height:30px;
}
 

.serverpricebox{
background-color:#FFFFCC;
border:1px solid #FFCC33;
padding:10px;
}

#spbox{

width:700px;

margin:auto;

font-size:12px;

}



.spbox{

width:144px;

float:left;

border-top:2px solid #5185A6;

borde-right:1px solid #e4e4e4;

border-bottom:1px solid #e4e4e4;

border-left:1px solid #e4e4e4;

background-image:url(http://www.alentus.com/image_files/sharepoint-plans-bg.jpg);

background-repeat:no-repeat;

margin:0px 10px 0px 10px;

padding:3px;

}



.sptitle{

font-size:18px;

text-align:center;

font-weight:bold;

}



.spdollars{

font-size:26px;

text-align:center;

margin:auto;

font-weight:bold;

padding-bottom:8px;

}



.spcents{

font-size:18px;

vertical-align:top;

padding:4px;

}



.spdiscount{

padding:8px 0px 0px 0px;

text-size:9px;

font-family:Arial, Helvetica, sans-serif;

}


#sqlbox{

width:490px;

margin:auto;

font-size:12px;

}


.sqlbox{

width:144px;

float:left;

border-top:2px solid #5185A6;

border-right:1px solid #e4e4e4;

border-bottom:1px solid #e4e4e4;

border-left:1px solid #e4e4e4;

background-image:url(http://www.alentus.com/image_files/sharepoint-plans-bg.jpg);

background-repeat:no-repeat;

margin:0px 5px 0px 5px;

padding:3px;

}



.bigbutton{
width:153px;
height:24px;
background-image:url(../images/bigbutton.gif);
display:block;
font-size:18px;
text-align:center;
color:#FFFFFF;
padding:12px;
background-repeat:no-repeat;
margin:5px auto;
text-transform:uppercase;
font-weight:bold;
}

.bigbutton:hover{
background-image:url(../images/bigbuttonhover.gif);
}

 .sliderlinks{
width:710px;
height:240px;
display:block;
}

#headerlinkcenter{
	
	margin:auto;
	width:400px;
	color:#ffffff;
}

#fadeinbox{
position:absolute;
width: 500px;
left: 0;
top: -400px;
background: #ffffff;
border:2px solid #000000;
padding: 0px;
z-index: 100;
visibility:hidden;
font-size:10px;
}

#fadeinbox a{
color:black;
padding:4px;
text-align:center;
}



#featlist{
width:600px;
margin:auto;
font-size:12px;
}

.mypets{ /*header of 1st demo*/
padding:8px;
background: #FFFFCC;
border:1px solid #FFCC66;
font-size:20px;
color:gray;
margin-bottom:10px;
}


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

.technology{ /*header of 2nd demo*/
font: bold 20px 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;
}



.resllerslinks{
background-color:#e1e1e1;
font-size:16px;
color:#000000;
padding:6px;
border:1px solid #999999;
font-weight:bold;
}

.resllerslinks a{
	color:#000000;
}


.gridheader{
background-image:url(../images/gridbg.jpg);
background-repeat:repeat-x;
font-size:16px;
color:#ffffff;
padding:6px;
border-top:2px solid #3B78AE;
font-weight:bold;
}

.gridheader a{
color:#ffffff;
text-decoration:none;
}

.gridheader a:hover{
text-decoration:underline;
}

.sliderlinks{
width:710px;
height:240px;
display:block;
}



#hc1 li{
margin:0 3px 0 0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 5px; /*Padding inside each content*/
}

#slideshow-box{
border:1px solid #326798;
padding:2px;
width:720px;
}

#slideshow-nav{
background-color:#326798;
padding:10px;
font-size:12px;
color:#FFFFFF;
}

#slideshow-nav a{
color:#FFFFFF;
}

.slidera{
display:block;
width:690px;
height:240px;
}

#mainbox{
width:940px;
margin:auto;
border:1px solid #000000;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background-color:#CCCCCC;
color:#000000;
font-weight:bold;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

.form{
font-size:16px;
}


#hppromo{
width:990px;
margin:auto;
font-size:12px;
border-top:1px solid #999999;
}

#hppromoh2{
font-size:14px;
}


#testimonials{
width:990px;
margin:auto;
font-size:12px;
border-top:1px solid #999999;
}

#testimonials h2{
font-size:14px;
}

body {
font-family:Arial, Helvetica, sans-serif;
margin:0px;
}


#exchange-header{
background-image:url(../images/exchange-header.gif)
}

#exchange-header-in{
width:940px;
margin:auto;
}

.red{
color:#ffffff;
font-size:12px;
font-weight:bold;
float:left;
width:79px;
padding:4px 0 0 0;
height:21px;
text-align:center;
background-image:url('../images/redhover.gif');
margin-bottom:4px;
}


.exchange-header-links{
color:#ffffff;
font-size:12px;
font-weight:bold;
float:left;
padding:4px 4px 0 4px;
height:21px;
text-align:center;
margin-bottom:4px;
}

.exchange-header-links:hover{
color:#000000;
}

#exchange-main-nav-out{
width:100%;
background-color:#333333;
border-top:2px solid #2C5983;
}

#exchange-main-nav-in{
width:940px;
margin:0 auto;
}

#exchange-main-nav-in a{
font-size:14px;
color:#FFFFFF;
float:left;
display:block;
padding:10px 20px 10px 20px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
background-image:url(../images/menubullet.jpg);
background-repeat:no-repeat;
}

#exchange-main-nav-in a:hover{
background-color:#ffffff;
color:#000000;
background-image:url(../images/menubullethover.jpg);
background-repeat:no-repeat;
text-decoration:underline;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0px;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
font-weight:bold;
color: #ffffff;
padding: 4px 40px 4px 4px;
margin: 0px;
text-decoration: none;
text-transform:uppercase;
font-size:14px;
display:block;
float:left;
}

.chromestyle ul li a:hover{
text-decoration:underline;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #000000; /*THEME CHANGE HERE*/
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #000000; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-size:12px;
font-weight:bold;
color:#000000;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color:#e4e4e4;
text-decoration:underline;
}


#reseller-header{
width:100%;
padding:4px;
background-image:url(../images/seafoam-tile.jpg);
border:4px solid #cccccc;
}

#reseller-header h2{
font-size:18px;
font-weight:normal;
}

#inner-content{
width:100%;
margin:8px auto;
padding:4px;
}

#inner-content h1{
font-size:28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
letter-spacing:-1px;
padding:2px;
margin:2px;
}

#inner-content h2{
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
padding:2px;
margin:2px;
color:#666666;
}

#inner-content h3{
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
padding:2px;
margin:2px;
color:#3977AE;
}

#inner-content p{
padding-bottom:8px;
font-size:12px;
}

#home-content{
width:100%;
margin:4px auto;
padding:4px;
}

#home-content p{
padding-bottom:8px;
font-size:12px;
}

#breadcrumbs{
width:500px;
font-size:10px;
margin-bottom:4px;
color:#666666;
}

#breadcrumbs a{
color:#666666;
}

#ex-crumbs{
width:940px;
font-size:10px;
margin:auto;
}

.rightside{
background-color:#ffffff;
padding-right:10px;
}

.rightsidebox{
padding-bottom:10px;
}

.rightside h2{
font-size:14px;
color:#ffffff;
background-image:url(../images/sidebarh2.jpg);
background-repeat:no-repeat;
display:block;
width:200px;
height:30px;
padding:8px 0 0 0;
text-align:center;
text-transform:uppercase;
margin:10px 0 0 0;
}

.rightside p{
font-size:12px;
}

.rightside a{
font-size:12px;
display:block;
padding:4px;
border-bottom:1px solid #cccccc;
text-decoration:none;
padding-left:8px;
color:#000000;
text-decoration:none;
font-weight:bold;
}

.rightside a:hover{
color:#3977AE;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border-bottom-width: 6px;
width: 720px; /*width of featured content slider*/
height: 250px;
}



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

.pagination{
width: 699px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-image:url(../images/h1bg.jpg);
background-repeat:repeat-x;
border:1px solid #CCCCCC;
padding:10px;
}

.pagination a{
margin:4px;
padding:4px;
text-decoration: none; 
color: #000000;
font-size:12px;
font-weight:bold;
}

.pagination a:hover, .pagination a.selected{
color: #000;
text-decoration:underline;
}

#intro{
margin:10px;
}

#intro p{
font-size:13px;
}

.left-features{

}

.left-features p{
font-size:12px;
}

.left-features li,ul{
margin:3px 0 3px 12px;
font-size:12px;
}

.left-features td{
border-bottom:1px solid #cccccc;
padding:3px;
}

.left-features a{
color:#000000;
text-decoration:none;
font-size:12px;
}

.left-features a:hover{
text-decoration:underline;
}

.middle-features{
border:1px solid #cccccc;
background-color:#ffffff;
padding:3px;
}

.middle-features p{
font-size:12px;
}

.right-features{
padding:3px;
}

.right-features p{
font-size:12px;
}

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

.simple-features{
width:940px;
height:136px;
background-image:url(../images/simple-features.jpg);
display:block;
margin:10px 0 10px 0;
}

#simple-details{
width:940px;
display:block;
margin:10px 0 10px 0;
border-bottom:2px solid #999999;
}

#simple-details p{
font-size:13px;
text-align:center;
}

#discountpricing{
width:990px;
margin:auto;
font-size:12px;
border-top:1px solid #999999;
padding:10px 0 10px 0;
}

.padding{
font-size:12px;
padding:4px;
line-height:18px;
}

.emailbutton a{
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;
}

.emailbutton a:hover{
background-image:url(../images/buy-now-hover.gif);
background-repeat:no-repeat;
text-decoration:none;
}


.buy-now-bg a{
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;
}

.buy-now-bg a:hover{
background-image:url(../images/buy-now-hover.gif);
background-repeat:no-repeat;
text-decoration:none;
}

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

#appsbanner{
background-image:url(../images/hp-apps-banner.jpg);
background-repeat:no-repeat;
margin:auto;
width:709px;
height:264px;
}

#appsbanner p{
position:relative;
top:60px;
left:420px;
width:280px;
}


.domain-footer{
width:990px;
margin:auto;
font-size:12px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}

#smalllinks a:hover{
text-decoration:underline;
}

#smalllinks{
background-color:#333333;
border-top:1px solid #999999;
padding:5px 0px 5px 0px;
width:100%;
margin:auto;
color:#FFFFFF;
font-size:12px;
text-align:center;
}

#smalllinks a{
text-decoration:none;
color:#FFFFFF;
}