@charset "utf-8";
/* CSS Document */
@import 'fonts.css';

body{margin:0; padding:0; background:#a7bbcc;}

#mainContainer{width:960px; margin:0 auto;}

/* Common */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix, *:first-child+html .clearfix{zoom:1}
.orangeColor{color:#ff9c00;}
.bgGray{background:#f0f0f0;}
.bgGray:hover{background:#fff;}
.commonBoxSpacing{margin-bottom:10px;}
.commonBoxSpacing20{margin-bottom:10px !important;}
.textCenter{text-align:center;}

/* Header */
#header{background:#fff; margin-bottom:10px;}
.logo{width:208px; float:left; margin:32px 0 32px 24px;}
.tollFreeLogin{float:left; width:365px; font-size:16px; padding:48px 0 48px 353px;}
.tollFree{float:left; width:193px; text-transform:uppercase;}
.tollFreeDivider{float:left; width:1px; padding:0 18px;}
.tollNo{font-family:'GothamBold'; color:#035192;}
.tollText{color:#888888; font-family:'GothamBook';}
.headeLogin{float:left; width:120px; text-transform:uppercase; font-family:'GothamBold'; color:#035192;}

/* Menu */
#mainMenu{width:100%; height:49px; background:url(../images/bgMainMenu.png) repeat-x 0 0;}
#mainMenu ul{margin:0; padding:0; list-style:none;}
#mainMenu ul li{float:left; margin:0; text-transform:uppercase; font-family:'GothamBold';}
#mainMenu ul li a{text-decoration:none; color:#fff; display:block; padding:15px 24px 14px 24px;}
#mainMenu ul li a:hover, #mainMenu ul li a.selected{text-decoration:none; background:url(../images/bgMainMenuSelected.png) repeat-x 0 0;}
#mainMenu ul li a:hover {
	-webkit-transition: opacity 0.2s;
	-moz-transition:    opacity 0.2s;
	-o-transition:      opacity 0.2s;
}

/* Promo Section */
#promoSection{border:4px solid #f6870f; width:952px; background:#fff;}
.promoCol1{float:left; width:170px;}
.promoCol2{float:left; width:625px;}
.promoTitle{text-transform:uppercase; font-family:'GothamBold'; font-size:22px; text-align:center; color:#035192; margin:40px 0;}
.promoDesc{font-family:'GothamBook'; font-size:14px; color:#333; text-align:justify; margin-bottom:50px;}
.promoCol3{float:left; width:155px;}
.btnPromoClose{display:block; width:25px; height:25px; margin:10px 0 0 122px;}

.promoServerUpgrade{border:1px solid #035192; background:#fff; font-family:'GothamBook'; font-size:13px;}
.promoServerUpgradeRow{border-bottom:1px solid #a0b5ca;}
.psuLeft{float:left; width:428px; padding:20px 25px; border-right:1px solid #a0b5ca;}
.psuRight{float:left; width:429px;  padding:20px 25px;}
.upgradeLabel{float:left; width:350px;}
.upgradePrice{float:left; width:78px;} 

/* Server Details */
.linuxServerCol{float:left; width:429px; padding:20px 25px; border-right:1px solid #a0b5ca;}
.windowsServerCol{float:left; width:428px; padding:20px 25px;}
#serverDtl{border:1px solid #035192; background:#f0f0f0;}
.serverIcon{float:left; width:84px; text-align:center; margin-right:25px; margin-top:65px;}
.serverDtl{float:left; width:315px; text-align:justify;}
.serverDtlTitle{font-size:16px; font-family:'GothamBold'; margin-bottom:20px;}
.serverDtlDtl{font-family:'GothamBook'; font-size:13px; margin-bottom:20px;}

.dedicatedServerLeft{float:left; width:470px; margin-right:14px;}
.dedicatedServerRight{float:left; width:470px;}
.dedicatedServerPropBox{width:424px; border:1px solid #035192; padding:25px; background:#f0f0f0;}
.dedicatedServerPropBox:hover {background:#fff;}
.ddsImageIcon{float:left; width:70px; margin-right:25px; margin-top:10px;}
.ddsDesc{float:left; width:300px;}
.ddsDescTitle{font-size:14px; font-family:'GothamBold'; color:#035192;}
.ddsDescDesc{font-family:'GothamBook'; font-size:13px;}

/*Dark BG*/
#darkBox{width:890px; height:512px; background:url(../images/bgLast.png) no-repeat 0 0; padding:40px 35px;}
.DarkBgImg{margin-right:50px; float:left; width:416px;}
.DarkBgDesc{float:left; width:416px;}
.darkBoxTitle{color:#ff9c00; font-size:16px; font-family:'GothamBold'; margin:30px 0 20px 0;}
.darkBoxTitleRow2{margin:20px 0 20px 0;}
.darkBoxDesc{font-family:'GothamBook'; font-size:13px; color:#fff; padding-right:20px; margin-bottom:25px;}
.darkBoxRow1{padding-bottom:35px; margin-bottom:40px}

.darkBoxUlSection{font-family:'GothamBook'; font-size:13px; color:#fff;}
.darkBoxUlSection div{float:left; width:50%;}
.darkBoxUlSection ul{margin:0 0 0 14px; padding:0;}
.darkBoxUlSection ul li{margin:0 0 10px 0; padding:0 0 0 6px; list-style-image:url(../images/bullet.png);}

/* Table */
#serverTable{background:#fff; border:1px solid #035192;}
.tableRowSection{}
.headerRow{background:#035192; color:#fff; font-size:14px; font-family:'GothamBold'; text-transform:uppercase;}
.tableColCommon{float:left; border-right:1px solid #a0b5ca; text-align:center; padding:25px 0; font-family:'GothamBook'; font-size:13px;}
.tableCol01{width:184px;}
.tableCol02{width:98px;}
.tableCol03{width:72px;}
.tableCol04{width:79px;}
.tableCol05{width:93px;}
.tableCol06{width:89px;}
.tableCol07{width:92px;}
.tableCol08{width:87px;}
.tableCol09{width:156px;}
.noBorderRight{border-right:none !important;}
.rowtopDivider{border-top:1px solid #a0b5ca;}
.imgInfo{padding:22px 0;}
.btnOrderLast{padding:13px 0;}

/* Popupbpx */
#orderPopup{width:746px; height:529px; background:url(../images/bgPopupBox.png) no-repeat 0 0; padding:10px;}
.popupTitle{color:#fff; font-size:24px; font-family:'GothamBold'; text-transform:uppercase; background:#035192; text-align:center; padding:20px 0;}
.popupLeftColl{float:left; width:313px; border-right:1px solid #a0b5ca; padding:30px;}
.popupRightColl{float:left; width:312px; padding:30px;}

.popupColTitle{font-size:14px; font-family:'GothamBold'; text-transform:uppercase; color:#035192; margin-bottom:30px;}
.popupColLabel{float:left; width:140px; font-family:'GothamBook'; font-size:12px; margin-bottom:20px;}
.popupColDetail{float:left; width:172px; font-family:'GothamBook'; font-size:12px; font-weight:bold; margin-bottom:20px;}

.popupFooterRow1{border-top:1px solid #a0b5ca; padding-top:2px;}
.popupFooterRow2{border-top:1px solid #a0b5ca; padding:18px 249px;}
.popupFooterLeft{float:left; width:65px; font-size:18px; font-family:'GothamBold'; padding:8px 20px;}
.popupFooterRight{float:left; width:140px;}

/* Contact */
.contactBody{background:#fff; padding:30px;}
.contactTitle{font-size:22px; font-family:'GothamBold'; text-transform:uppercase;}
.contactDetails{margin-bottom:25px; font-size:14px; font-family:'GothamBook';}

/*shaired Table*/
#s-Table_1, #s-Table_3, #s-Table_2, #s-Table_4{font-size:14px; font-family:'GothamBook'; border-style:solid; border-color:#dddddd; margin-bottom:20px; border:1px solid #035192;}
#s-Table_1 tr td, #s-Table_2 tr td, #s-Table_3 tr td, #s-Table_4 tr td{padding:13px; border-right:1px solid #a0b5ca; border-bottom:1px solid #a0b5ca;}
.tableHeaderWf{background:#035192; color:#fff;}
.noBorderRightWf{border-right:none !important;}
.noBorderBottomWf{border-bottom:none !important}


/* Slider */
ul#homeSlider {
list-style-type: none;
padding: 0px;
margin: 0px;
width:960px;
}

.sliderContainer{margin-bottom:10px; width:960px; height:421px;}
.slider1{height:391px; width:960px;height:421px; background:url(../images/image01.jpg) repeat-x 0 0; margin-bottom:10px;}
.slider2{height:391px; width:960px;height:421px; background:url(../images/image02.jpg) repeat-x 0 0; margin-bottom:10px;}
.slider3{height:391px;width:960px;height:421px; background:url(../images/image03.jpg) repeat-x 0 0; margin-bottom:10px;}
.slider1 div {width:400px;position:relative; top:120px; left: 520px;}
.slider2 div {position:relative; top:120px; left: 60px;}
.slider3 div {position:relative; top:120px; left: 60px;}
.slider1 div, .slider2 div, .slider3 div {z-index:999;}

.sliderTitle{color:#fff; font-size:28px; font-family:'GothamBold'; text-transform:uppercase;}
.sliderSubTitle{font-size:28px; font-family:'GothamExtraLight'; color:#fff; text-transform:uppercase;}
.sliderDesc{font-family:'GothamBook'; font-size:14px; color:#fff; line-height:22px;}
.sliderDescColor{color:#ff9c00; font-size:18px; font-family:'GothamBold';}
.sliderButton{margin-top:25px;}

/* Home Page Row 3 */
#hostZors{margin-bottom:10px;}
.sectionHeader{background:#035192; color:#fff; font-size:14px; text-transform:uppercase; font-family:'GothamBold'; padding:25px;}
.hostZorsBody{height:318px; background:url(../images/bgRow2.jpg) repeat-x 0 0;}
.hostZorsLeft{float:left; width:490px; padding:55px; color:#fff; font-size:14px; font-family:'GothamBook'; text-align:justify;}
.hostZorsRight{float:left; width:342px; margin-top:20px;}
.btnAdvantage{ margin-bottom:10px;}


.btnAdvantage a#btnShared, .btnAdvantage a#btnVPS, .btnAdvantage a#btnDedicated, .btnAdvantage a#btnColo {
display:block; 
width:342px; 
height:62px;
color:#fff; 
font-family:'GothamBook'; 
font-size:18px; 
} 

.btnAdvantage a#btnShared span, .btnAdvantage a#btnVPS span, .btnAdvantage a#btnDedicated span, .btnAdvantage a#btnColo span  {
display:block; 
width:342px; 
height:62px;
opacity:0;
	-webkit-transition: opacity 0.2s;
	-moz-transition:    opacity 0.2s;
	-o-transition:      opacity 0.2s;
}

.btnAdvantage a#btnShared span:hover, .btnAdvantage a#btnVPS span:hover, .btnAdvantage a#btnDedicated span:hover, .btnAdvantage a#btnColo span:hover {
opacity:1;
}

.btnAdvantage a#btnShared{
background:url(../images/btn-shared.png) no-repeat bottom center; text-decoration:none; 
}

.btnAdvantage a#btnShared span {
background:url(../images/btn-shared.png) no-repeat top center;
}

.btnAdvantage a#btnVPS{
background:url(../images/btn-vps.png) no-repeat bottom center; text-decoration:none; 
}

.btnAdvantage a#btnVPS span {
background:url(../images/btn-vps.png) no-repeat top center;
}

.btnAdvantage a#btnDedicated{
background:url(../images/btn-dedicated.png) no-repeat bottom center; text-decoration:none; 
}

.btnAdvantage a#btnDedicated span {
background:url(../images/btn-dedicated.png) no-repeat top center;
}

.btnAdvantage a#btnColo{
background:url(../images/btn-colo.png) no-repeat bottom center; text-decoration:none; 
}

.btnAdvantage a#btnColo span {
background:url(../images/btn-colo.png) no-repeat top center;
}




/*Home Two Coll*/
#twoColRow{margin-bottom:10px;}
.leftCol{float:left; width:590px; margin-right:10px;}
.whyusColBody{border:1px solid #035192; background:#fff;}
.WhyChooseUsRow{padding:25px 40px;}
.imgColumnWCU{float:left; width:120px; margin-top:22px;}
.descColumnWCU{float:left; width:388px;}
.descColumnWcuTitle{font-size:14px; font-family:'GothamBold'; color:#035192; margin-bottom:20px; text-transform:uppercase;}
.descColumnWcuDesc{color:#000; font-size:14px; font-family:'GothamBook'; text-align:justify;}
.newsBorderTop{border-top:1px solid #035192;}
.noMarginBottom{margin-bottom:0 !important;}

.rightCol{float:left; width:360px; }
.newsColBody{border:1px solid #035192; background:#fff; padding:35px 22px;}
.newsTitle{font-size:14px; text-transform:uppercase; font-family:'GothamBold'; color:#004177;}
.newsDate{color:#888; font-size:12px; font-family:'GothamBook'; margin-bottom:20px;}
.newsDesc{color:#333; font-size:12px; font-family:'GothamBook'; margin-bottom:30px;}


/* Footer */
#footer{border-top:5px solid #000; background:#035193; padding:25px 40px; margin-bottom:10px;}
.footerLink{float:left; width:149px;font-family:'GothamBook'; font-size:14px; line-height:26px; margin-bottom:25px;}
.footerLink ul{margin:0; padding:0; list-style:none;}
.footerLink ul li{margin:0; padding:0;}
.footerLink ul li a{color:#fff; text-decoration:none;}
.footerLink ul li a:hover{color:#fff; text-decoration:underline;}
.footerIcon{float:left; margin-right:5px; vertical-align:text-bottom;}
.footerIconAdj{margin-top:28px;}
.footerIconAdjPay{margin:28px 17px 0 17px;}
.footerLeft{float:left; width:600px;}
.footerRight{float:left; width:280px; text-align:right; color:#fff; font-family:'GothamBook'; font-size:12px; line-height:26px;}
.iconDays{margin-top:17px;}
.contRead{color:#f6870f; }
.contRead a {color:#f6870f; text-decoration:none;}
.contRead a:hover {color:#f6870f; text-decoration:underline;}


/* News Page */
#banner{height:241px;}
.bgNewsBox{background:#f0f0f0; border:1px solid #035192; padding:22px;}
.newsBoxTitle{color:#333; margin-bottom:20px;}
ul.blogEntry{margin:0 0 0 15px; padding:0;}
ul.blogEntry li{margin:0 0 10px 0; padding:0; font-size:14px;}
.newsPageBox{padding:25px; background:#f0f0f0; line-height:22px;}
.newsPageBox:hover {background:#fff;}
.newsPageBoxTitle{color:#333; margin-bottom:15px;}
.newsPageBoxDate{font-family:'GothamBook'; font-size:12px; margin-bottom:15px;}

.pagination{color:#333333; font-size:14px; font-family:'GothamBold'; text-align:center; margin:15px 0;}
.pagination span{ letter-spacing:1px;}


/* Firefox Adj */
.adjFF{margin-bottom:16px;}

/* Wireframe */
.wireframeTitle{font-size:24px; font-family:'GothamBold'; margin-bottom:25px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
.adjFF{margin-bottom:4px !important;}
}

.tippytrip {cursor:pointer;}
#tooltip-container{font-family: "GothamBook"; font-size:14px;position:absolute; display:none; width:341px; margin-top:-243px; margin-left:-351px;
-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .4);
-moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .4);
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, .4);
z-index:999;
}
.toolTipHeader{width:341px; height:15px; background:url(../images/toolTipTop.jpg) no-repeat 0 0;}
.toolTipNose{width:341px; height:21px; background:url(../images/toolTipNose.png) no-repeat top center;}
.toolTipBody{width:291px; background:#fff; padding:30px 25px;}
.ToolTipTitle{font-size:22px; font-family:'GothamBold'}
.ToolTipDetls{}
.ToolTipDetls ul{margin:0 0 0 -20px;}
.ToolTipDetls ul li{margin:0; padding:10px 0 0 5px; list-style-image:url(../images/toolTipTick.png);}



.colo-check {
position:relative;
left:40px;
}

.pagination {
color:#666;
font-weight:normal !important;
}

.pagination a {
color: #444;
text-decoration:none;
}
.pagination a:hover {
color: #222;
}

.button-order {
width: 98px;
height:37px;
display:inline-block;
background:url(../images/ico-order.png) top center;
}

.button-order span {
background:url(../images/ico-order.png) bottom center;
width: 98px;
height:37px;
display:inline-block;
opacity:0;
	-webkit-transition: opacity 0.2s;
	-moz-transition:    opacity 0.2s;
	-o-transition:      opacity 0.2s;
}

.button-order span:hover {
opacity: 1;
}


.button-details {
width: 147px;
height:37px;
display:inline-block;
background:url(../images/ico-details.png) top center;
}

.button-details span {
width: 147px;
height:37px;
display:inline-block;
background:url(../images/ico-details.png) bottom center;
opacity:0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.button-details span:hover {
opacity: 1;
}

.dedicatedGray {
background:#f0f0f0;
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear;
}
.dedicatedGray:hover {
background:#fff;

}

.promoServerUpgradeRowAlt {
background:#f0f0f0;
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear;
}

.promoServerUpgradeRowAlt:hover {
background: #fff;
}

.linuxServerCol, .windowsServerCol, #serverDtl {
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear;
}

.linuxServerCol:hover, .windowsServerCol:hover, #serverDtl:hover {
background:#fff;
}

.upgradesLastRow {
border-bottom: none !important;
}

.tableAlt {
background:#f0f0f0;
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear;

}
.tableAlt:hover {
background:#fff;
}

.dedicatedServerPropBox, .newsPageBox, .bgGray {
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear;
}