/*================================================= // Project : MAD-EMedia v2 // Developed by Julien Després // Copyright 2009-2010. All rights reserved. //=================================================*/ /* ----- HTML TAG RESET & CLEARFIX ----- */ body,div,dl,dt,dd,ul,ol,li,h1, h2,h3,h4,h4,h6,pre,form,fieldset, input,textarea,p,blockquote,th,td { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 10px; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; vertical-align: bottom; } a,h1 { overflow: hidden; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h4,h6 { font-size: 100%; font-weight: normal; overflow: hidden; } q:before,q:after { content: ''; } abbr,acronym { border: 0;} .clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clear { display: inline-block; } html[xmlns] .clear { display: block; } * html .clear { height: 1%; } /* ----- General ----- */ body { background: #fff url(../images/bg/body.jpg) no-repeat; height: 100%; color: #000; background-position: top center; } div.clear { clear: both; } div.container { width: 970px; margin: auto; height: 100%; } a { color: #07a4ff; text-decoration: none; outline: none; } a:hover { text-decoration: none; } .none { display: none; } .left { float: left; } .right { float: right; } .flag { position: relative; right: 5px; } .red { color: #bc0600 !important; } .blue { color: #003399 !important; } .green { color: #039000 !important; } .gray { color: #c5c5c5 !important; } /* ----- Headers ----- */ h1 { float: left; background: url(../images/content/logo.gif) no-repeat; height: 75px; width: 175px; text-indent: -9999px; margin: 47px 0 0 0; } div.leftWrap h3, div.rightWrap h2, div.rightWrap h3, div.header160, div.header265 { color: #394a59; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; } a.topLogo { float: left; background: url(../images/content/logo.gif) no-repeat; height: 75px; width: 175px; text-indent: -9999px; margin: 47px 0 0 0; } div.leftWrap h3 { float: left; background: url(../images/bg/header_left.gif) no-repeat; height: 30px; width: 95px; padding: 6px 0 0 30px; margin-top:8px; text-align: left; } div.rightWrap h2 { float: left; background: url(../images/bg/header265.gif) no-repeat; height: 32px; width: 233px; padding: 6px 0 0 32px; margin-top: 4px; } div.rightWrap h3 { float: right; background: url(../images/bg/header_right.gif) no-repeat; height: 30px; width: 90px; padding: 6px 35px 0 0; margin-top:8px; text-align: right;} div.header265 { float: left; background: url(../images/bg/header265.gif) no-repeat; height: 32px; width: 233px; padding: 6px 0 0 32px; margin-top: 4px; } div.header160 { float: left; background: url(../images/bg/header160.gif) no-repeat; height: 32px; width: 132px; padding: 6px 0 0 28px; margin-top: 4px; } /* ----- FPSGS Network ----- */ div.fpsgsnetwork { position: absolute; width: 100%; background: url(../images/fpsgsnetwork/bar.gif) repeat-x; height: 32px; } div.fpsnetworkWrap { margin: auto; width: 970px; color: #000; } div.fpsnetworkWrap h2 { float: left; background: url(../images/fpsgsnetwork/title.gif) no-repeat; height: 32px; width: 212px; text-indent: -9999px; } div.fpsnetworkWrap ul { float: left; margin-top: 10px; } div.fpsnetworkWrap li { float: left; background: url(../images/fpsgsnetwork/arrow.gif) no-repeat; height: 12px; padding: 0 0 0 10px; margin: 0 5px 0 5px; } div.fpsnetworkWrap a { color: #000; text-transform: uppercase; } /* ----- Sub Nav ----- */ div.topLanguage { float: right; margin: 15px 20px -15px 0; } div.head { float: right; width: 730px; } div.topLinks { float: left; margin: 43px 0 0 260px; } div.topLinks img { margin-right: 4px; } div.topLinks a { float: left; display: block; margin-left: 20px; font-family: Tahoma, sans-serif; } div.topSupport { float: left; margin: 30px 0 0 20px; } /* ----- Top Nav ----- */ div.topNav { float: right; width: 715px; height: 37px; margin: 20px 0 0 0; } div.topNav ul { float: left; } div.topNav li { float: left; } div.topNav a { background: url(../images/bg/nav_off.gif) no-repeat; height: 24px; width: 84px; text-align: center; color: #9bb8cf; padding-top: 13px; display: block; } div.topNav a:hover { background: url(../images/bg/nav_on.gif) no-repeat; color: #feffff; font-weight: bold; } div.navLeft { float: left; background: url(../images/bg/nav_left.gif) no-repeat; height: 37px; width: 16px; } div.navRight { float: left; background: url(../images/bg/nav_right.gif) no-repeat; height: 37px; width: 15px; z-index: 2; margin-left: -1px; } /* ----- Top Icons ----- */ div.topIcons { float: left; height: 85px; margin: 25px 0 0 0; width: 970px; } div.topIcons ul { float: left; } div.topIcons li { float: left; margin-right: 21px; } div.topIcons a { height: 85px; width: 100px; text-indent: -9999px; display: block; } a.topDesign { background: url(../images/top/design_off.gif) no-repeat; } a.topTemplates { background: url(../images/top/templates_off.gif) no-repeat; } a.topHost { background: url(../images/top/host_off.gif) no-repeat; } a.topFlash { background: url(../images/top/flash_off.gif) no-repeat; } a.topCMS { background: url(../images/top/cms_off.gif) no-repeat; } a.topFreeTemp { background: url(../images/top/freetemp_off.gif) no-repeat; } a.topDev { background: url(../images/top/dev_off.gif) no-repeat; } a.topAdvert { background: url(../images/top/advert_off.gif) no-repeat; } a.topAffiliate { background: url(../images/top/affiliate_off.gif) no-repeat; } a.topDesign:hover { background: url(../images/top/design_on.gif) no-repeat; } a.topTemplates:hover { background: url(../images/top/templates_on.gif) no-repeat; } a.topHost:hover { background: url(../images/top/host_on.gif) no-repeat; } a.topFlash:hover { background: url(../images/top/flash_on.gif) no-repeat; } a.topCMS:hover { background: url(../images/top/cms_on.gif) no-repeat; } a.topFreeTemp:hover { background: url(../images/top/freetemp_on.gif) no-repeat; } a.topDev:hover { background: url(../images/top/dev_on.gif) no-repeat; } a.topAdvert:hover { background: url(../images/top/advert_on.gif) no-repeat; } a.topAffiliate:hover { background: url(../images/top/affiliate_on.gif) no-repeat; } /* ----- Content Wrap ----- */ div.contentWrap { float: left; width: 970px; } /* ----- Left Wrap ----- */ div.leftWrap { float: left; width: 705px; margin-top: 42px; } div.leftText h4 { float: left; color: #3bbfff; font-size: 12px; font-weight: bold; width: 520px; clear: both; margin: 25px 0 5px 25px; } div.leftText p { float: left; width: 480px; text-align: justify; color: #394a59; font-size: 11px; padding: 10px 0 0 30px; } /* ----- Headlines + ycodaslider3 ----- */ div.headlinesWrap { float: left; background: url(../images/bg/headlines.gif) no-repeat; height: 310px; width: 700px; margin: 8px 0 0 5px; } div.headlineLeftList { float: left; width: 196px; padding: 40px 0 0 20px; } div.headlineLeftListPic { float: left; width: 196px; text-align: center; margin: 0 0 10px 0; } div.headlineLeftList ul { float: left; width: 196px; } div.headlineLeftList li { float: left; width: 174px; background: url(../images/icons/slide-arrow.gif) no-repeat; background-position: top left; height: 32px; color: #088fff; font-weight: bold; font-size: 12px; padding: 3px 0 0 20px; } div.headlineMidPic { float: left; width: 490px; } div.headlineRightFree { float: right; background: url(../images/content/headlines/free-site.jpg) no-repeat; height: 267px; width: 450px; margin: 0 6px 0 0; } div.headlineRightFree a { float: left; margin: 218px 0 0 198px; } div.headlineRightHost { float: right; background: url(../images/content/headlines/free-host.jpg) no-repeat; height: 267px; width: 450px; margin: 0 6px 0 0; } div.headlineRightPremium { float: right; background: url(../images/content/headlines/premium.jpg) no-repeat; height: 267px; width: 466px; margin: 0 6px 0 0; } div.headlineRightPremium a{ float: left; margin: 221px 0 0 331px; } div.headlineRightCustom { float: right; background: url(../images/content/headlines/custom.jpg) no-repeat; height: 267px; width: 450px; margin: 0 6px 0 0; } div.headlineRightCustom a { float: left; margin: 218px 0 0 198px; } /* ----- Premium Wrap ----- */ div.premiumWrap { float: left; width: 705px; margin: 10px 0 10px 5px; } div.premiumPic { float: left; background: url(../images/bg/premiumpic.gif) no-repeat; height: 130px; width: 298px; padding: 1px 0 0 24px; display: none; } div.premiumInfo { float: left; background: url(../images/bg/premiuminfo.gif) no-repeat; height: 117px; width: 339px; margin-left: 17px; padding: 14px 0 0 13px; } div.premiumContent { float: left; width: 309px; display: none; } div.premiumContent h4 { float: left; font-size: 15px; color: #fff; font-weight: bold; width: 235px; } div.premiumContent p { float: left; color: #fff; width: 280px; text-align: justify; margin: 10px 0 0 0; height: 34px; } a.premiumLink { color: #aed9ff; font-size: 9px; text-decoration: underline; } a.premiumLink:hover { text-decoration: none; } div.premiumLogo { float: left; height: 42px; width: 65px; margin-right: 8px; } div.premiumBar { float: left; background: url(../images/bg/premiumbar.gif) no-repeat; height: 15px; width: 283px; color: #fff; padding: 3px 0 0 20px; color: #aed9ff; } div.premiumBar a { color: #fefeff; font-size: 9px; } div.premiumBar a:hover { color: #d8e5ff; text-decoration: underline; } div.premiumSwitch { float: left; width: 30px; cursor: pointer; } div.premiumSwitchClass { color: #2673ae; height: 23px; width: 30px; text-align: center; } div.premiumSwitchOn { color: #fff; } /* ----- Middle Content ----- */ div.midContent { float: left; width: 705px; margin-bottom: 10px; } /* ----- Community Wrap ----- */ div.midLeftContent { float: left; width: 240px; } div.communityWrap { float: left; background: url(../images/bg/community.gif) no-repeat; height: 138px; width: 228px; padding: 10px 0 0 12px; margin-top: 8px; } div.communityWrap h4 { float: left; color: #3bbfff; font-size: 12px; font-weight: bold; } div.communityWrap p { float: left; color: #5381ac; font-size: 9px; margin-top: 3px; text-align: justify; width: 200px; } div.loginWrap { float: left; height: 60px; width: 210px; margin-top: 7px; padding-top: 18px; } div.loginWrap a { float: left; color: #fff; font-family: Tahoma, sans-serif; font-size: 9px; display: block; margin: 13px 2px 0 12px; height: 15px; } div.loginWrap img { position: relative; top: 1px; right: 1px; } input.loginBox { float: left; height: 16px; width: 95px; border: 1px solid #008bff; color: #008bff; padding: 3px 0 0 5px; margin-right: 3px; font-family: Tahoma, sans-serif; } input.loginSubmit { float: left; margin-top: 8px; } /* ----- Key Benifits ----- */ div.midRightContent { float: left; width: 440px; padding-left: 10px; } div.right_benifits { float: left; width: 265px; margin-top: 8px; } div.right_benifits ul { float: left; width: 210px; padding: 0 0 0 24px; } div.right_benifits li { background: #fff url(../images/icons/check.gif) no-repeat; background-position: top left; height: 28px; width: 224px; color: #5381ac; font-weight: bold; padding: 2px 0 0 26px; font-size: 11px; } /* ----- Monthly Special ----- */ div.specialWrap { float: left; background: url(../images/bg/specialwrap.gif) no-repeat; height: 156px; width: 220px; padding: 10px 0 0 12px; margin-top: 8px; } div.specialWrap h4 { color: #3bbfff; font-size: 14px; width: 155px; height: 50px; padding: 12px 0 0 4px; } div.specialWrap h4 span { font-size: 20px; font-weight: bold; } div.specialWrap p { color: #394a59; text-align: justify; width: 180px; margin: 13px 0 0 13px; line-height: 13px; } img.specialIcon { float: left; } a.specialClick { position: absolute; display: block; height: 20px; width: 90px; font-weight: bold; color: #5381ac; margin: 126px 0 0 120px; } img.giftArrow { position: relative; top: 1px; } /* ----- FPSGS Specials ----- */ div.fpsgsSpecials { float: left; height: 166px; width: 446px; } /* ----- News Post ----- */ div.midNewsContent { float: left; width: 705px; } div.midNewsContent h3 { float: left; } li.newsPost { float: left; width: 705px; } li.newsPost h4 { float: left; color: #3bbfff; font-size: 12px; font-weight: bold; height: 16px; width: 590px; padding: 10px 0 0 15px; } li.newsPost p { float: left; width: 595px; text-align: justify; color: #394a59; font-size: 11px; padding: 10px 0 10px 25px; } div.postInfo { font-size: 9px; color: #394a59; width: 575px; padding: 0 0 10px 25px; } div.postInfo a, div.postInfo span { color: #5381ac; } div.newsList { float: left; width: 685px; color: #394a59; padding: 0 0 0 20px; } div.newsList ul { float: left; } div.newsList a { font-weight: bold; color: #5381ac; } div.newsList span { color: #5381ac; } .newsPost, .newsPost2 { display: none; } .newsPostActive, .newsPostActive2 { display: block; } .newsTitle, .newsTitle2 { display: block; margin-top: 2px; } .newsTitle, .newsTitle2 strong { font-weight: bold; color: #5381ac; cursor: pointer; } li.newsPost2 { float: left; width: 705px; } li.newsPost2 h4 { float: left; color: #3bbfff; font-size: 12px; font-weight: bold; height: 16px; width: 590px; padding: 10px 0 0 15px; } li.newsPost2 p { float: left; width: 595px; text-align: justify; color: #394a59; font-size: 11px; padding: 10px 0 10px 25px; } /* ----- Main boxes, pages styles... ----- */ div.paleBox { float: left; height: 309px; width: 674px; background: url(../images/bg/box_pale.jpg) no-repeat; margin-bottom: 10px; padding: 6px 0 0 26px; } div.paleBox200 { float: left; height: 194px; width: 674px; background: url(../images/bg/box_pale200.jpg) no-repeat; margin-bottom: 10px; padding: 6px 0 0 26px; } div.paleBox475 { float: left; height: 469px; width: 674px; background: url(../images/bg/box_pale475.jpg) no-repeat; margin-bottom: 10px; padding: 6px 0 0 26px; } div.darkBox { float: left; height: 309px; width: 674px; background: url(../images/bg/box_dark.jpg) no-repeat; margin-bottom: 10px; padding: 6px 0 0 26px; color: #fff; } div.servInfBox { float: left; height: 309px; width: 674px; background: url(../images/bg/box_serverinfo.jpg) no-repeat; margin-bottom: 10px; padding: 6px 0 0 26px; color: #fff; } div.darkBox .boxHeader, div.servInfBox .boxHeader { color: #fff !important; } div.boxHeader { float: left; color: #394a59; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; height: 20px; width: 300px; } div.boxrHeader { float: right; color: #fff; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; height: 20px; width: 300px; text-align: right; margin-right: 26px; } div.boxWrap { float: left; height: 315px; width: 700px; margin-bottom: 10px; } div.boxLeftText { float: left; width: 440px; margin-top: 25px; } div.boxLeftText h4 { float: left; color: #3bbfff; font-size: 12px; font-weight: bold; height: 16px; width: 440px; padding: 10px 0 0 0; } div.boxLeftText p { float: left; width: 422px; text-align: justify; color: #394a59; font-size: 11px; padding: 10px 0 5px 5px; } div.boxLeftText p span { color: #3bbfff; font-weight: bold; font-size: 10px; text-transform: uppercase; } div.boxLeftText ul { float: left; margin: 5px 0 5px 20px; } div.boxLeftText li { color: #394a59; font-size: 11px; } div.boxRightList { float: left; margin-top: 50px; } div.boxRightList ul { float: left; width: 200px; padding: 0 26px 0 0; } div.boxRightList li { background: transparent url(../images/icons/check.gif) no-repeat; background-position: top right; height: 25px; width: 184px; color: #5381ac; font-weight: bold; padding: 3px 26px 0 0; text-align: right; } div.boxLeftQuoteIcon { float: left; margin: 0 0 0 260px; } div.boxContent200 { float: left; width: 660px; margin-top: 25px; } div.boxContent200 h4 { float: left; color: #3bbfff; font-size: 12px; font-weight: bold; height: 16px; width: 540px; padding: 0 0 0 0; } div.boxContent200 p { float: left; width: 620px; text-align: justify; color: #394a59; font-size: 11px; padding: 10px 0 5px 5px; line-height: 24px;} div.boxContent200 p span { color: #3bbfff; font-weight: bold; text-transform: uppercase; } /* ----- CMS page ----- */ div.boxRightCMSBox { float: right; margin: 65px 30px 0 0; } div.boxCMSFeatures { float: left; width: 700px; margin: 40px 0 0 0; } div.boxCMSFeatures ul { float: left; width: 300px; margin-left: 20px; } div.boxCMSFeatures li { float: left; height: 53px; width: 256px; padding: 9px 0 0 9px; margin-bottom: 3px; } div.boxCMSFeatures li img { float: left; margin-right: 5px; } div.boxCMSFeaturesText { float: left; width: 700px; margin: 25px 0 0 0; } div.boxCMSFeaturesText h4 { font-size: 15px; font-weight: bold;} div.boxCMSFeatLeft { float: left; width: 395px; } div.boxCMSFeatLeft ul { float: left; min-width: 170px; margin: 15px 0 0 12px; } div.boxCMSFeatLeft li { float: left; min-width: 170px; height: 13px; font-size: 11px; color: #aed9ff; } div.boxCMSFeatRight { float: left; width: 220px; margin: 25px 0 0 25px; } div.boxCMSFeatRight h5 { float: left; font-size: 12px; font-weight: bold; width: 210px; margin: 5px 0 5px 0; } div.boxCMSFeatRight p { float: left; font-size: 11px; color: #aed9ff; width: 210px; margin: 3px 0 10px 0; } div.boxCMSFeatMid { width: 1px; background: #5f7d95; height: 182px; float: left; margin: 20px 0 0 0; } /* ----- Staff page ----- */ div.staffContent { float: left; width: 680px; margin-top: 25px; } div.staffContent h4 { float: left; color: #3bbfff; font-size: 12px; font-weight: bold; height: 16px; width: 440px; padding: 5px 0 0 0; } div.staffContent p { float: left; width: 422px; text-align: justify; color: #394a59; font-size: 11px; padding: 10px 0 5px 0; } div.staffContent span { float: left; color: #394a59; } div.staffWrap { float: left; width: 680px; margin: 10px 0 15px 0; } div.staffPic { float: left; width: 100px; margin: 0 30px 0 20px; } div.staffInfo { float: left; width: 450px; } div.staffEtc { float: left; margin: -10px 0 20px 26px; } /* ----- Services Page ----- */ div.servicesWrap { float: left; width: 700px; margin: 10px 0 0 0; } div.servicesWrap ul { float: left; width: 350px; } div.servicesWrap li { float: left; height: 81px; width: 315px; padding: 14px 0 0 0; margin-bottom: 3px; } div.servicesWrap li img { float: left; margin-right: 12px; } div.servicesWrap h4 { float: left; color: #00a7ff; font-weight: bold; font-size: 15px; width: 200px; margin-bottom: 3px; } div.servicesWrap p { float: left; width: 200px; text-align: justify; font-size: 9px; color: #163244; line-height: 13px; } div.serviceText { float: left; width: 200px; margin: 12px 0 0 0; } /* ----- Hosting page ----- */ div.boxHostPremiumBig { float: left; background: url(../images/bg/box_host_premium_big.jpg) no-repeat; height: 315px; width: 705px; } div.boxHostPremiumBig p { float: left; text-align: justify; width: 380px; padding: 75px 0 0 30px; color: #fff; font-size: 12px; } a.premHostPrice { float: right; background: url(../images/icons/premhostprice.png) no-repeat; height: 56px; width: 138px; margin: 5px 0 5px 10px; text-indent: -9999px; } div.premSiteIcons { float: left; margin: 20px 0 0 60px; } div.premSiteIcons img { margin-right: 5px; } div.boxHostwsite { float: left; background: url(../images/bg/box_hostingwsite.jpg) no-repeat; height: 170px; width: 680px; padding: 30px 0 0 25px; } div.boxHostBottom { float: left; margin-top: 10px; } div.boxHostBottom img { float: left; } div.boxHostBottom a { float: left; margin: 20px 0 0 100px; display: block; text-indent: -9999px; background: url(../images/icons/getstarted.gif) no-repeat; height: 35px; width: 205px; } div.servInfBox ul { float: left; margin-top: 40px; } div.servInfBox li { float: left; min-width: 220px; margin: 5px 0 8px 0; } ul.servSpecs { width: 230px; } ul.netwSpecs { width: 220px; text-align: right; } div.servInfBox h4 { font-size: 15px; font-weight: bold; } div.servInfBox p { color: #aed9ff; } div.servInfPic { float: left; background: url(../images/content/host.jpg) no-repeat; height: 185px; width: 206px; margin: 35px 0 0 0; text-indent: -9999px; } div.boxHosting { float: left; width: 705px; height: 320px; background: url(../images/bg/box_freesite.jpg) no-repeat;} div.boxHosting h4 { font-size: 15px; font-weight: bold; color: #fff; } div.boxHosting p { color: #aed9ff; padding: 8px 0 8px 0; } div.freeSiteIcons { float: left; margin: 20px 0 0 20px; } div.freeSiteIcons img { margin-right: 5px; } div.boxHostingWrap { float: left; width: 390px; padding: 125px 0 0 25px;} div.boxBranded { float: left; width: 705px; height: 320px; background: url(../images/bg/box_branded.jpg) no-repeat;} div.boxBranded h4 { font-size: 15px; font-weight: bold; color: #fff; } div.boxBranded p { color: #aed9ff; padding: 8px 0 8px 0; } div.boxDownload { float: left; width: 705px; height: 113px; background: url(../images/bg/box_download.jpg) no-repeat;} div.boxDownload p { float: left; width: 490px; text-align: justify; padding: 46px 0 0 100px; color: #fff; font-size: 12px; } div.boxPremHostPrice { float: left; width: 685px; height: 81px; background: url(../images/bg/box_premium_host.jpg) no-repeat; padding: 37px 0 0 20px; } div.boxPremHostPrice p { float: left; width: 280px; text-align: justify; padding: 20px 38px 0 0; color: #fff; font-size: 12px; } div.premHostLinks { float: left; } div.premHostLinks a { float: left; height: 58px; display: block; text-indent: -9999px; } a.premHostStarter { background: url(../images/icons/premHoststarter.jpg) no-repeat; width: 102px; } a.premHostSuperior { background: url(../images/icons/premHostsuperior.jpg) no-repeat; width: 113px; } a.premHostPro { background: url(../images/icons/premHostpro.jpg) no-repeat; width: 118px; } /* ----- Hosting plans (table) ----- */ div.hostPlansWrap { float: left; width: 700px; margin: 10px 0 20px 0; color: #394a59; } div.hostPlansList { float: left; width: 190px; margin: 30px 0 0 10px; } div.hostPlansList li { float: left; background: transparent url(../images/icons/arrow-host.gif) no-repeat; background-position: top left; height: 25px; width: 165px; color: #00a7ff; font-weight: bold; padding: 2px 0 0 25px; } div.hostPlansBox { float: left; width: 500px; } div.hostPlansTop { float: left; height: 30px; width: 500px; color: #00a7ff; font-weight: bold; } div.hostPlansTop * { font-size: 15px; } div.hostPlansContent { float: left; width: 500px; } div.hostPlansContent ul { float: left; width: 500px; } div.hostPlansContent li { float: left; width: 500px; height: 27px; } div.hostPlansContent li div strong { color: #394a59; font-size: 11px; } ul.hostPlanEtc { float: left; margin-top: 25px; } div.hostRow1 { float: left; width: 120px; text-align: center; } div.hostRow2 { float: left; width: 120px; text-align: center; } div.hostRow3 { float: left; width: 120px; text-align: center; } div.hostRow4 { float: left; width: 120px; text-align: center; } /* ----- Templates page ----- */ div.boxTemplateText { float: left; width: 400px; } div.boxTemplatePic { float: right; width: 274px; margin-top: -22px; } div.boxTemplateText h4 { float: left; color: #3bbfff; font-size: 12px; font-weight: bold; height: 16px; width: 400px; padding: 25px 0 0 0; } div.boxTemplateText p { float: left; width: 380px; text-align: justify; color: #394a59; font-size: 11px; padding: 25px 0 5px 5px; line-height: 24px;} div.boxTemplateText p span{ color: #3bbfff; font-weight: bold; text-transform: uppercase; } div.boxTemplateText ul { float: left; margin: 10px 0 10px 20px; } div.boxTemplateText li { color: #394a59; font-size: 11px; } a.bringPremium { float: left; margin: 0 0 0 90px;} div.templateList { float: left; width: 700px; } div.templateWrap { float: left; width: 700px; margin: -20px 0 45px 0; } div.templateText { float: left; width: 350px; } div.templateText ul { float: left; margin: 40px 0 0 40px; } div.templateText li { float: left; background: transparent url(../images/icons/arrow-host.gif) no-repeat; background-position: top left; height: 25px; width: 265px; color: #00a7ff; font-weight: bold; padding: 2px 0 0 25px; } div.templatePic { float: left; width: 350px; text-align: center; } div.templatePic p { color: #394a59; font-size: 10px; font-family: Tahoma, sans-serif;} div.templatesIcons { float: left; margin: 20px 0 25px 170px; } /* ----- Template page ----- */ div.boxTemplateSinglePic { float: right; width: 274px; margin-top: -22px; } div.templateMiniThumb { float: left; width: 700px; margin: 10px 0 25px 30px; } div.templateMiniThumb img { height: 158px; width: 200px; } /* ----- Banners page ----- */ div.bannersThumb { float: left; width: 700px; margin: 10px 0 25px 30px; } /* ----- Random Stuff ----- */ div.customize-order { float: left; margin: 15px 0 0 110px; } div.customize-order2 { float: left; width: 680px; height: 50px; text-align: center;} div.apply-spons { float: left; width: 680px; height: 40px; text-align: center; padding-top: 10px;} div.sponsorBox { float: left; width: 680px; text-align: center; margin: 20px 0 20px 0; } div.sponsorBox img { margin: 10px 0 10px 0; } div.affiliateBox { float: right; margin: 40px 30px 0 0; } div.affiliate-signup { width: 450px; text-align: center; float: left; margin: 5px 0 0 0; } div.send-msg { width: 250px; text-align: center; float: left; margin: 8px 0 0 0; } /* ----- Form Classes----- */ div.contactFormWrap { float: left; width: 660px; padding: 20px 0 0 40px; color: #394a59; } div.contactFormList { width: 150px; float: left; } div.contactForm { width: 400px; float: left; } div.contactFormList li { width: 150px; float: left; height: 22px; font-size: 12px; padding-top: 4px; color: #3BBFFF; font-weight: bold; } div.contactForm select, div.contactForm option, div.contactForm textarea, div.cuteInput input { margin: 4px 0 0 0; background: #e4e7f6; color: #394a59; border: 1px solid #394a59; font-size: 11px; font-family: Verdana, sans-serif; } div.contactForm select { width: 258px; height: 20px; } div.contactForm option { margin-top: -2px; height: 15px; } div.contactForm select:focus, div.contactForm option:focus, div.contactForm textarea:focus, div.cuteInput input:focus { background: #f0f1fa; color: #394a59; border: 1px solid #394a59; } div.cuteInput input { height: 17px; width: 250px; padding: 3px 0 0 5px; } div.contactForm textarea { width: 250px; height: 100px; padding: 4px 0 0 5px;} /* ----- Compare Table ----- */ div.compare_wrap { floaT: left; width: 705px; } div.compare_text { float: left; width: 230px; } div.compare_text h4 { float: left; width: 230px; font-size: 14px; font-weight: bold; color: #005a89; margin: 12px 0 25px 25px;} div.compare_text ul { float: left; margin: 0 0 0 40px; } div.compare_text li { float: left; background: transparent url(../images/icons/arrow-host.gif) no-repeat; background-position: top left; height: 28px; width: 265px; color: #00a7ff; font-weight: bold; padding: 2px 0 0 25px; } div.compare_table { float: left; background: url(../images/bg/compare_table.jpg) no-repeat; height: 315px; width: 475px; } div.compare_table ul { float: left; width: 475px; padding: 55px 0 0 0; } div.compare_table li { float: left; width: 475px; height: 30px; } div.compare_li_branded { float: left; width: 158px; text-align: center; } div.compare_li_hosting { float: left; width: 158px; text-align: center; } div.compare_li_premium { float: left; width: 149px; text-align: center; } /* ----- Custom Portfolio Page ----- */ .custom_portfolio_wrap { float: left; width: 650px; padding: 10px 0 10px 0; } .custom_portfolio_left { float: left; width: 390px; } .custom_portfolio_left p { float: left; width: 340px; padding: 10px; line-height: 14px; } .custom_portfolio_right { float: right; width: 260px; } .custom_portfolio_icons { float: left; width: 250px; padding: 10px 0 0 60px; } .custom_portfolio_icons img { float: left; margin-left: 10px; } img.custom_ss { float: left; width: 260px; height: 205px; } .custom_portfolio_instructions { float: left; width: 620px; text-align: justify; color: #394a59; font-size: 11px; padding: 10px 0 5px 5px; line-height: 20px;} /* ----- Right Wrap ----- */ div.rightWrap { float: left; width: 265px; margin-top: 32px; } /* ----- CMS AD Box ----- */ div.cmsAd { float: left; background: url(../images/content/cms_ad.jpg) no-repeat; height: 39px; width: 78px; padding: 89px 0 0 184px; } div.cmsAd a { float: left; font-weight: bold; color: #fff; text-transform: uppercase; display: block; margin-right: 10px; font-family: Tahoma, sans-serif; } div.cmsAd a:hover { color: #000; } /* ----- CMS Features ----- */ div.rightsideList { float: left; width: 265px; margin: 10px 0 10px 0; } li.sideListTitle { float: left; background: transparent url(../images/icons/arrow-host.gif) no-repeat; background-position: top right; height: 26px; width: 230px; color: #00a7ff; font-weight: bold; font-size: 11px; font-family: Tahoma, sans-serif; padding: 2px 0 0 20px; cursor: pointer; } li.sideListContent { float: left; width: 200px; color: #394a59; font-size: 11px; font-family: Tahoma, sans-serif; padding: 0 0 10px 30px; } /* ----- CMS Features ----- */ div.cmsFeature { float: left; background: url(../images/bg/featurebox.gif) no-repeat; height: 53px; width: 256px; padding: 9px 0 0 9px; margin-bottom: 3px; } div.cmsFeature img { float: left; margin-right: 5px; } div.cmsFeatureText { float: left; width: 200px;} div.cmsFeatureText h4 { color: #fff; font-size: 15px; color: #fff; font-weight: bold; } div.cmsFeatureText p { font-size: 9px; color: #aed9ff; text-align: justify; width: 200px; line-height: 14px; } /* ----- Affiliates/Payments ----- */ div.affiliatesWrap, div.paymentWrap { text-align: center; width: 265px; clear: both; margin-bottom: 10px; } div.affiliatesWrap img { margin-bottom: 5px; } div.paymentWrap img { margin: 10px 0 10px 0; } /* ----- Footer ----- */ div.footerWrap { float: left; width: 960px; margin-top: 20px; } div.footerWrap ul { float: left; margin-top: 22px; } div.footerWrap li { float: left; } div.footerWrap li a { display: block; margin-right: 18px; color: #5381ac; } div.footerWrap li img { float: left; margin: 2px 4px 0 0; } div.footerContent { float: right; width: 395px; text-align: right; } div.footerText { float: left; color: #5381ac; width: 275px; } div.footerText p { float: left; width: 275px; line-height: 14px; margin-top: 5px; } div.footerText p a { color: #3bbfff; text-decoration: underline; } div.footerText p a:hover { text-decoration: none; } a.toTop { color: #5381ac; font-weight: bold; text-transform: uppercase; } div.footerPic { float: left; width: 97px; margin-left: 10px; }