/* === Mode CSS Style Sheet v.1.00 === */

/* === Style Reset === */


/*search*/

.search-container {
background:url(../img/top.png) no-repeat top ;	
width:475px;
top:0;
position:relative;
margin-top:-10px;
float:right;
margin-right:5px;
color:#FFFFFF;
padding:5px;


 }
 
 .search-container img {
 float:left;
 margin-right:5px;
 margin-left:5px;
 }
 
 
 .search {
 background: url(../img/search-button.png) no-repeat;
float:left; 
margin-top:0px;
margin-left:2px;
margin-right:2px;
color:#666666; 
width:48px; 
height:23px;
padding:1px; 
text-align:center;

 }
 
 
 
  .search:hover {
 background: url(../img/search-hover.png) no-repeat;
float:left; 

 margin-right:2px;

 color:#666666; 
 width:48px; 
 height:23px;
 padding:1px; 
 text-align:center;
 }


.search-container a {
cursor:pointer;
text-decoration:none;
}

.search_img {

float:right; 
margin:0 auto; 
padding-right:8px; 
padding-top:20px;
}


/*divider*/

.first-divider {
background:url(../img/divider.jpg) repeat-x;
 height:8px; 
 width:950px ; 
 margin: 0 auto;
 }
 
 
 /*3 box */
 
.threebox-divider {
border-right:#DFDFDF solid 1px; 
width:1px;
height:100px;
float:left; 
margin-top:15px;
}
 
 
 .threebox{
float:left;
 margin:10px 0 0 15px;
 }
 
 .threebox img{
 border:0;
 }
 
 .threebox-text {
float:right; 
font-size:19px; 
width:180px;
line-height: 20px;
margin-right:0px;
}

.ampersand {
color:#999999;


}

.secondheader {
font-size:16px;
} 
 
 
.threebox-right {

float:left;
 margin: 10px 0 0 0px;
 }
 
 .threebox-right img {
 
 border:0;
 }
 
 .threebox-right-text {
float:right;
font-size:19px; 
width:180px; 
line-height: 20px;
 margin-right:15px;
 
 }
 
 
 .second-divider {
background: url(../img/divider2.jpg) repeat-x; 
width:950px; 
height:7px; 
margin: 0 auto;

}


.box-below-container {

float:left; 
padding: 20px 20px 0px 25px;
}

.Qbox {
width:270px;
}

.Qbox-header {
font-size:24px;
}

.Qbox-img {
background:url(../img/eglobalmd-img-bg.png) no-repeat center;
margin-top:10px;
}

.Qbox-text {
width:260px; 
margin-top:10px;
text-align:justify;
}


.Qbox-divider {
border-right: #DFDFDF 	solid 1px;
 width:1px;
  height:450px; 
  float:left; 
  margin-top:20px;
  }
  
 .Xbox {
width: 290px; 
float:left;
 padding: 20px 0px 10px 25px;
 }
 
 .topmargin {
margin-top:10px;
}

.pink {
background: url(../img/pink.png) no-repeat;
width: 65px;
height: 33px;
float:left;
text-align:center;
}

.pink p{

padding-top:8px;
padding-right:4px;
text-align:center;
color:#FFFFFF;
font-size:12px;

}

.blogtitle a {
padding-right:20px;
padding-left:25px;
float:right; 
font-size:16px; 
margin: -36px 0 10px 10px; 
width:200px;
text-decoration:none;
color:#333333; 
}

.blogtitle-text {
float: left;
 width:260px;
 text-align:justify;
 margin-bottom:25px;
 }
 
 .readmore {
background-color:#666666; 
color:#fff; 
float:right;
text-align:center;
padding:5px;
cursor:pointer; 
text-decoration:none;
}


 .readmore a{
color:#fff; 
float:right;
text-align:center;

cursor:pointer; 
text-decoration:none;
}


 .readmore:hover {
background-color: #333333; 
color:#fff; 
float:right;
text-align:center;
padding:5px;
cursor:pointer; 
text-decoration:none;
}


.ybox {
width: 290px; 
float:left;
padding: 20px 0px 10px 25px;
 }
 
 
 .form-topmargin {
 margin-top:20px;
 }
 
.inquiry-container{
float:left;
width:290px;
padding: 20px 0 0 20px;
 }
 
 .inq-input-container {
width:250px;
float:left; 
margin-bottom:10px;
}

.inq-title {
clear:both;
float:left;
width:90px;
padding: 6px 0 5px 0;
}

.inq-input {
height:19px;
border: #CCCCCC 1px solid;
background: #EFEFEF;
float:right; 
width:150px;
margin-right:30px;
margin-bottom:10px;
}

.inq-input:focus {
background: #F8F8F8;
}

.inq-input textarea {

width:143px;

}


.inq-textarea {
border: #CCCCCC 1px solid;
background: #EFEFEF;
float:right;
margin-right:30px;
line-height:20px;
padding: 0 0 0 0;
width:150px;
height:100px;
}

.inq-textarea:focus {
background: #F8F8F8;
}
  

.inq-send{
background:url(../img/send.jpg) no-repeat;
width: 70px;
height: 26px;
float:right; 
margin: 15px 30px 0 80px;
border:0;
cursor: pointer;
 }
 
.inq-send:hover{
background:url(../img/send_hover.jpg) no-repeat;
width: 70px;
height: 26px;
float:right; 

border:0;
cursor: pointer;

 }
 
 
 

  
  
.top-footer-home {
background:url(../img/top-footer-home.jpg) no-repeat bottom ;
height:40px;
width:950px; 
float:left;
margin:0 auto;
  }
  
  .top-footer {
background:url(../img/top-footer.jpg) no-repeat bottom ;
 height:40px;
 width:950px; 
 float:left;
  margin:0 auto;
  }
  
  
.big-footer-container {

width:950px;
height:223px;
margin:0 auto;
}
 
.big-footer-left {
background: url(../img/footer_left.jpg) no-repeat;
float:left; 
width:526px;
height:223px;
}


.subscribe-container {
padding:140px 40px 0 0 ;
float:right;
width:300px;
height:50px;

}


.subscribe {
background:url(../img/subscribe.png) no-repeat;
float:right; 
width:229px;
height:46px; 
}


.subscribe:hover {
background:url(../img/subscribe_hover.png) no-repeat;
float:right; 
width:229px;
height:46px; 
}



.big-footer-right {
background:url(../img/footer_right.jpg) no-repeat #000000;
float:right; 
width:423px;
height: 223px;
margin-right:1px;

}

.ym-container{
padding: 100px 0 0 40px;
float:left;

}


.ym{
background:url(../img/ym.png) no-repeat;
float:left;
width: 154px;
height:85px;
}



.ym:hover{
background:url(../img/ym_hover.png) no-repeat;
float:left;
width: 154px;
height:85px;
}


.ym-offline{
background:url(../img/ym_offline.png) no-repeat;
float:left;
width: 154px;
height:85px;
}


.twitter-container {
float:right;
padding: 100px 40px 0 0;
}





.twitter{
background:url(../img/twitter.png) no-repeat;
float:right;
width: 143px;
height:85px;
}

.twitter:hover{
background:url(../img/twitter_hover.png) no-repeat;
width:143px;
height:85px;
}


  

.footer {
margin:0 auto;
width:950px; 
height:40px;
}

.footer-text {
background:url(../img/footer.jpg) no-repeat; 
float:left; 
width: 948px;
height:40px; 
text-align:center;
color: #fff;
letter-spacing:.5px;
}

.footer-text a{
text-decoration:none; 
color:#FFFFFF;
}



.learnmore { 
background: url(../img/learn_more.jpg) no-repeat;
width: 93px;
height: 26px;
float:right; 
 padding-right : 20px;
  }
  
.learnmore:hover {
background: url(../img/learn_more_hover.jpg) no-repeat;
width: 93px;
height: 26px;
float:right; 
 padding-right : 20px;
}


.view-archives { 
background: url(../img/archives.jpg) no-repeat;
width: 94px;
height: 25px;
float:right; 
 padding-right : 20px;
  }
  
.view-archives:hover {
background: url(../img/archives_hover.jpg) no-repeat;
width: 94px;
height: 25px;
float:right; 
 padding-right : 20px;
}


.find-button {
background: url(../img/find-out.png) no-repeat right;
 width:143px; 
 height:51px;
 float:left; 
 padding-left:10px; 
 margin-top:20px;
 }
 
 .find-button:hover {
background: url(../img/find-out-hover.png) no-repeat right;
 width:143px; 
 height:51px;
 float:left; 
 padding-left:10px; 
 margin-top:20px;
 }
 
 
 
.inquire-button {
background:url(../img/inquire-button.png) no-repeat; 
width:148px; 
height:51px;
float:right;
margin-right:30px;
margin-top:20px;
}
 
.inquire-button:hover {
background:url(../img/inquire-button-hover.png) no-repeat; 
width:148px; 
height:51px;
float:right;
margin-right:30px;
margin-top:20px;
}


.inquire {
float:right;
background: url(../img/inquire.jpg);
 width:109px; 
 height:40px; 
 margin-right:10px;
 cursor:pointer;
 }
 
 .inquire:hover {
float:right;
background: url(../img/inquire_hover.jpg);
 width:109px; 
 height:40px; 
 margin-right:10px;
 }
 
 
 
 
.order {
float:right;
background: url(../img/order.jpg) no-repeat;
 width:114px; 
 height:35px; 
 margin-right:10px;
 cursor:pointer;
 margin-bottom:10px;
 }
 
 .order:hover {

background: url(../img/order_hover.jpg) no-repeat;
 width:114px; 
 height:35px; 


 }
 
 
 
 .view {
float:right;
background: url(../img/view.jpg) no-repeat;
 width:114px; 
 height:35px; 
 margin-right:10px;
 cursor:pointer;
 margin-bottom:10px;
 }
 
 .view:hover {

background: url(../img/view_hover.jpg) no-repeat;
 width:114px; 
 height:35px; 

 }
 
 
 
 
 
 
 
 
 
 .view-web {
float:right;
background: url(../img/view-website.jpg) right;
 width:109px; 
 height:40px; 
 margin-right:10px;
 cursor:pointer;
 }
 
 .view-web:hover {
float:right;
background: url(../img/view-website-hover.jpg) right;
 width:109px; 
 height:40px; 
 margin-right:10px;
  cursor:pointer;
 }
 
 
 
 
 /*services page*/
 
 .sub-text {
font-style:italic;
font-size:12px;
text-indent:15px; 
font-weight:bold;
padding-top:10px;
}

.sub-text-text {
padding: 5px 0 20px 15px;
}


/*blog*/


/*.blogdate {
color:#999999; 
font-size:12px;
}

*/


.blogdate {
float:left; 
background:url(../img/blog-date.jpg) no-repeat;
width:114px; 
height:73px; 
padding: 5px 0 0 0px; 
color:#FFFFFF; 
font-weight:bold; 
font-size:14px; 
}

.blogmonth {
width:92px;
text-align:center;
margin-left:12px;
}

.blogyear {
width:92px;
text-align:center;
margin-left:12px; 
font-size:22px;
 }
 
.blogdiv {
float:left; 
border-right: solid  #CCCCCC 1px ;
 width:1px; 
 height:50px;
 }
 
/* .blogheader {
float:left;
font-size:24px;
font-weight:bold;
padding-top:12px;
padding-left:10px;
letter-spacing:2px;
}*/

.blogheader {
float:left; 
margin-left:10px;
font-size:22px; 
font-weight:bold;
letter-spacing:1px;
width:450px;
line-height:30px;
}



.blogcontent{
width:580px;
float:right;
padding: 5px 0 20px 0px;
}


.blogbutton {
background:#666666;
color:white;
font-size:12px;
width: 100px;
text-align:center;
padding:5px;
float:right;
border: 1px solid #666666;
}

.blogbutton:hover {
background: #333333;

color: #fff; 
}

.blogcontent-divider {
width:580px;
 border-bottom:dashed 1px  #CCCCCC;
  float:left;
   height:1px;
    margin-top:20px;
}



/*Marketing*/

.marketing-container {
float:left;
width:550px;
padding-top:20px;
 }
 
 
 .marketing {
float:left; 
padding-top:20px;
}

  
.email-marketing {
float:left;
height:88px ; 
width:97px; 
background:url(../img/email-marketing.jpg) no-repeat;
margin-top:8px;
  }
  

.web-direct {
float:left;
height:88px ; 
width:97px; 
background:url(../img/web-direct-link.jpg) no-repeat;
margin-top:8px;
  }  
  
.web-banner{
float:left;
height:88px ; 
width:97px; 
background:url(../img/web-banner.jpg) no-repeat;
margin-top:8px;
  }  
    
  
  
 
 .marketing-text {
float:right; 
width:440px; 
padding-left:10px;
  }
  
  .hosting-backhome {
background:url(../img/white-arrow.jpg) no-repeat right;
width:105px;
color: #999999;
float:left; 
font-weight:bold;
}

.hosting-backhome:hover{
background:url(../img/white-arrow-hover.jpg) no-repeat right;
color: #64A9CE;
}

.hosting-contact {
background:url(../img/white-arrow.jpg) no-repeat right; 
width:90px; 
color: #999999;
 float:left; 
 margin-left:10px;
 font-weight:bold;
 }
 
 .hosting-contact:hover {
background:url(../img/white-arrow-hover.jpg) no-repeat right;
color: #64A9CE;
}


/* ul without color*/

#content ul.hosting {
padding:0;
}

.hosting ul{
margin: 0; padding: 0;
float: left;}
 
.hosting ul li{
 display: inline;
 }
 
.hosting li {
width:145px;
height:15px;
float: left; 
text-align:center;
border-right:1px dashed #999999;
text-decoration: none;
color: #333333;
padding: 10px;
list-style-type:none;
}

/*ul with color */

#content ul.hosting-b {
padding:0;
}

.hosting-b ul{
margin: 0; padding: 0;
float: left;}
 
.hosting-b ul li{

 display: inline;
 }
 
.hosting-b li {
background:  #E8F3F4;
width:145px;
height:15px;
float: left; 
text-align:center;
border-right:1px dashed #999999;
text-decoration: none;
color: #333333;
padding: 10px;
list-style-type:none;
}



/*div , p , title*/
.host {
font-family: Arial, Helvetica, sans-serif;
float:left;
width:605px;
height:850px;
padding-top:5px;

}


.host p{
float:left;
}



.host-title {

font-size:16px;
color: #333333;
font-weight:bold;
}


  

 
 /*button*/

.hosting-button ul{
margin: 0; padding: 0;
float: left;}
 
.hosting-button ul li{
 display: inline;
 }
 
.hosting-button li {
width:145px;
height:15px;
float: left; 
text-align:center;

text-decoration: none;
color: #333333;
padding: 10px 0 0 15px;
list-style-type:none;
}
.orderbtn{

float:left;
width: 115px; 
 height:31px; 
background:url(../img/order-now.png) no-repeat center bottom;

 cursor:pointer;
display: block;
}

.orderbtn:hover {
background:url(../img/order-now-hover.png)no-repeat center bottom;
}

.solutions-container {
float:left;
}




.imageTitle {
padding:5px;
}

.imageTitle img {
height:150px;
float:left;
}

.imageTitle .imageTitle-desc {
float:left;
width:400px;
margin-top:25px;

}
 
 .imageTitle .imageTitle-desc h4{
 color: #2D628C;
 }
 
 
 
 .inclusions {
padding:5px;
 float:left;

 background: #F3F9FC;
 border:1px solid #7DB0CC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
 }
 
 
  
 .inclusions div.portfolio-bullet ul{
 width:555px;
 float:left;
 }
 
 
 .inclusions div.portfolio-bullet ul li {
float:left;
background:url(../img/check-box.jpg) left top no-repeat;
line-height:20px;
width:255px;
font-size:13px;
color:#333333;

}


ul.added {
background: #FCFBF8;
border:1px dotted #EEE8D2;
float:left;
width:550px;
}
 
 .added li {
 margin-left:20px;
 padding:2px;
 float:left;
 }
 
 h5 .price {
 color:#8B1B26;
 font-size:16px;
 
 }
 
 .purchase {
 width:500px;
 float:right;

 }
 
 .purchase button {
 float:right;
 }
 
  .purchase a{
  float:right;
  padding:5px;
 margin-top:10px;
 color:#922528;
 text-decoration:underline;
  }
 
   .purchase a:hover{
   color: #B13A3E;
   }
 
 
 .domainSlide {
 margin:0 auto;
 background:url(../img/shadow-div.jpg) no-repeat center bottom;
 width:920px;
 padding-left:30px;
 padding-bottom:10px;
 height:100px;
 overflow-y:hidden;
 }
 
 .domain {
 float:left;
 margin:0 auto;
 text-align:center;
 }
 
 .domain li {
 float:left;
 list-style-type:none;
width:140px;
padding-top:10px;
padding-bottom:10px;

 }
 
 .domain li img {
 width:100px;
 }
 
 .prev-arrow {
 float:left;
 margin-top:25px;
 background:#f8f8f8;
 
 width:25px;
 }
 

 
 .next-arrow {
 float:left;
  margin-top:25px;
position:relative;
 background:#f8f8f8;
width:25px;
text-align:right;

 }
 
 #domainSlide {
width:900px;
float:left;



 }
 
 #domainSlide li {
 text-align:center;
 font-size:14px;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif;
 background:#f8f8f8;
 }
 
  #domainSlide li small{
  font-size:11px;
  color:#999999;
  }
  
  
  .domain {
  min-width:800px;
  
  
  }
  
  .extensions {
  padding:5px;
 
  
  }
  
  .extensions li {
  float:left;
  padding:5px;
  width:55px;
  height:70px;
  list-style-type:none;
  text-align:center;
  border:1px solid #fff;
  border-left:none;
  border-top:none;
  }
  

  
  .extensions li.backorder {
background: #EBEBEB;
background: -webkit-gradient(linear, left top, left bottom, from( #EBEBEB), to( #D6D6D6));
background: -moz-linear-gradient(top, #EBEBEB,  #D6D6D6);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EBEBEB',endColorstr='#D6D6D6'); /* IE6 & IE7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EBEBEB', endColorstr='#D6D6D6')"; /* IE8 */
  }
  
    .extensions li.available {
background: #80BFE1;
background: -webkit-gradient(linear, left top, left bottom, from( #D3EAF5), to( #80BFE1));
background: -moz-linear-gradient(top, #D3EAF5,  #80BFE1);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D3EAF5',endColorstr='#80BFE1'); /* IE6 & IE7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D3EAF5', endColorstr='#80BFE1')"; /* IE8 */

  }
  
  .extensions li.available:hover {
background: #FFFFFF;
background: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF), to( #BEE1F3));
background: -moz-linear-gradient(top, #FFFFFF,  #BEE1F3);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF',endColorstr='#BEE1F3'); /* IE6 & IE7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#BEE1F3')"; /* IE8 */ 
  }


.extensions-trigger {
margin-left:10px; margin-top:10px; float:left;
}

.extensions-trigger2 {
margin-left:10px; margin-top:10px; float:left;
}

#extensions {
 display:none;
}


.domainPricing tr th {
width:120px;
text-align:center;
padding:5px;
background: #95BADF;
border-right:1px solid #FFFFFF;
letter-spacing:1px;


}

.domainPricing tr td {
text-align:center;
padding:5px;
}

.domainPricing tr.blue {
background:#EBF3FA;
color:#333333;
}


.thumbs-pagination {
float:left;
margin-top:2px;
width:580px !important;
width:565px;
padding:5px;
background:#fbfbfb;
border:1px solid #f1f1f1;
height:35px;
padding-left:25px;
}

#content .thumbs-pagination ul{
float:left;


margin:0;
padding:0;
}

.thumbs-pagination li {
float:left;
list-style-type:none;
margin-right:5px;
}

.thumbs-pagination li a{
padding:5px;
background: #fff;
border:1px solid #E6E6E6;
}

.thumbs-pagination #nav2 li a.activeSlide {
background:#197abf;
color:#FFFFFF;
}


.thumbs-pagination li a.prev-off{
background: #EBEBEB;
color:#333333;
}

.thumbs-pagination li a.next-off{

background: #EBEBEB;
color:#333333;
}

.thumbs-pagination li a.active{
background: #333333;
color:#FFFFFF;
border:none;
}


.port-thumbs {
float:left;
width:610px !important;
width:600px;
background:#fbfbfb;
border:1px solid #f1f1f1;

}

.port-thumbs ul {
margin:0; padding:0;
}

.port-thumbs li {
background: #ffffff;
list-style-type:none;
border:1px solid #e2e2e2 ;
float:left;
padding:2px;
margin:3px !important;
margin:2px;
}

.port-thumbs div {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #f4f4f4));
background: -moz-linear-gradient(top, #ffffff,  #f4f4f4);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#f4f4f4'); /* IE6 & IE7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f4f4f4')"; /* IE8 */

}

.port-thumbs li h5 {
background: #f4f4f4;
padding:2px;
border-top:1px solid #FFFFFF;
text-shadow:1px 1px #fff;
}



.port-thumbs li img {
margin:5px;
}


.port-thumbs div {
width:260px;
height:165px;
overflow:hidden;
}

.port-thumbs div img {
width:260px;
}



/*new*/


.portfolio_button {
background:url(../img/portfolio_button.jpg) no-repeat top center;
float:right;
width:167px;
height:38px;
margin-left:5px;
}

.portfolio_button:hover{
background:url(../img/portfolio_button_hover.jpg) no-repeat top center;
}


.packages_button {
background:url(../img/packages_button.jpg) no-repeat top center;
float:right;
width:167px;
height:38px;
}

.packages_button:hover{
background:url(../img/packages_button_hover.jpg) no-repeat top center;
}
