CSS - http://www.caratnetworks.com/ * Collapse All * Expand All http://www.caratnetworks.com/ Embedded Styles from http://www.caratnetworks.com/ http://www.caratnetworks.com/main.css /* Website Name: Carat Networks Description: Carat Networks - Dedicated Servers, Colocation, VPS, WeD Author: Cornerstone Media Productions Author URI: http://www.cornerstonemediaproductions.com Copyright: Carat Networks */ html, body { height:100%; } #template { position:relative; min-height:100%; } * html #template { height: 100%; } hr {background:#E2E1E1 none repeat scroll 0 0; border:0 none; color:#E2E1E1; height:1px; margin:12px 0; width:100%;} body { margin:0; padding:0; text-align:center; background:#ffffff url(images/bg.jpg) center top repeat-x; font-family:Arial, Helvetica, sans-serif; } img{border:none;} #wrapper1 { margin:0 auto; padding:0; width:100%; } #wrapper2 { margin:0 auto; padding:0; width:900px; } /* New Styles */ #slideshow { margin:0; padding:0; width:899px; } #slideshow object { margin:20px 0 0 0; } #leftcol { margin:20px 20px 0 0; padding:2px; width:220px; min-height:332px; background:transparent url(images/bg-leftcol-2.gif) 0 0 no-repeat; text-align:left; float:left; } /*#test-accordion { float:left; }*/ #leftcol ul { margin:2px 0 0 0; padding:0; list-style-type:none; width:215px; } #leftcol ul li { margin:0; padding:10px 7px 10px 30px; font-size:12px; color:#354a54; border-bottom:1px solid #eeefef; } #leftcol ul li p { margin:5px 0 5px 0; } #leftcol ul li p strong { font-size:15px; } #leftcol ul li a, #leftcol ul li a:visited { color:#354a54; text-decoration:none; } #leftcol ul li a:hover { text-decoration:underline; } #leftcol ul li.livesupport { margin:0 0 0 10px; background:transparent url(images/icon-livesupport.png) 0 9px no-repeat; } #leftcol ul li.clientportal { margin:0 0 0 10px; background:transparent url(images/icon-clientportal.png) 0 9px no-repeat; } #leftcol ul li.faq { margin:0 0 0 10px; background:transparent url(images/icon-faq.png) 0 10px no-repeat; } #leftcol ul li.contactus { margin:0 0 0 10px; background:transparent url(images/icon-contactus.png) 0 11px no-repeat; } #leftcol ul li.progress_current { margin:0 2px 0 10px; padding:10px 10px 10px 15px; background:transparent url(images/bg-progress-current.png) left center; font-weight:bold; } #leftcol ul li.progress_incomplete { margin:0 2px 0 10px; padding:10px 10px 10px 15px; } #leftcol ul li.progress_complete { margin:0 2px 0 10px; padding:10px 10px 10px 15px; background:transparent url(images/icon-complete.png) 180px center no-repeat; } #leftcol ul li.progress_complete a, #leftcol ul li.progress_complete a:visited { color:#8ea6b2; } #leftcol ul li.saveorder { margin:0 2px 0 10px; padding:10px 10px 10px 15px; } #leftcol ul li.livesupport2 { margin:0 0 0 10px; padding:10px 10px 10px 15px; } #leftcol ul li.clearanceserversbg, #leftcol ul li.premiumserversbg, #leftcol ul li.leaseserversbg { margin:0 0 0 10px; padding:0 10px; display:block; width:153px; height:80px; } #leftcol ul li.clearanceserversbg a { margin:0; padding:0; display:block; width:153px; height:100%; background:transparent url(images/headings/clearance.gif) 0 11px no-repeat; text-indent:-9999px; } #leftcol ul li.premiumserversbg a { margin:0; padding:0; display:block; width:153px; height:100%; background:transparent url(images/headings/premium.gif) 0 11px no-repeat; text-indent:-9999px; } #leftcol ul li.leaseserversbg a { margin:0; padding:0; display:block; width:153px; height:100%; background:transparent url(images/headings/lease.gif) 0 11px no-repeat; text-indent:-9999px; } #leftcol ul li.quarterunits { margin:10px 0 0 15px; padding:10px 10px 0 15px; display:block; width:177px; height:43px; background:transparent url(images/headings/colo-quarter.gif) 0 0 no-repeat; text-indent:-9999px; } #leftcol ul li.halfunits { margin:10px 0 0 15px; padding:10px 10px 0 15px; display:block; width:177px; height:44px; background:transparent url(images/headings/colo-half.gif) 0 0 no-repeat; text-indent:-9999px; } #leftcol ul li.fullunits { margin:10px 0 0 15px; padding:10px 10px 0 15px; display:block; width:177px; height:44px; background:transparent url(images/headings/colo-full.gif) 0 0 no-repeat; text-indent:-9999px; } #leftcol ul li.customunits { margin:10px 0 0 15px; padding:10px 10px 0 15px; display:block; width:177px; height:44px; background:transparent url(images/headings/custom.gif) 0 0 no-repeat; text-indent:-9999px; } #maincol { margin:20px 0 20px 0; padding:0; width:653px; text-align:left; float:left; } #maincol div { margin:0 0 20px 0; padding:11px 0 0 0; display:block; width:653px; height:103px; background:transparent url(images/bg-divs-home.gif) 0 0 no-repeat; } #maincol div span.ded { margin:0 0 0 11px; padding:0; width:78px; height:96px; background:transparent url(images/icon-lg-dedicated.png) 0 0 no-repeat; float:left; } #maincol div span.col { margin:0 0 0 11px; padding:0; width:78px; height:96px; background:transparent url(images/icon-lg-colocation.png) 0 0 no-repeat; float:left; } #maincol div span.vps { margin:0 0 0 11px; padding:0; width:78px; height:96px; background:transparent url(images/icon-lg-vps.png) 0 0 no-repeat; float:left; } #maincol div span.host { margin:0 0 0 11px; padding:0; width:78px; height:96px; background:transparent url(images/icon-lg-hosting.png) 0 0 no-repeat; float:left; } #maincol div h2 { margin:5px 0 0 108px; padding:0; display:block; text-indent:-9999px; } #maincol div h2.dedh2 { width:174px; height:18px; background:transparent url(images/h2-dedicatedservers.png) 0 0 no-repeat; } #maincol div h2.colh2 { width:100px; height:18px; background:transparent url(images/h2-colocation.png) 0 0 no-repeat; } #maincol div h2.vpsh2 { width:258px; height:18px; background:transparent url(images/h2-vpsvirtualprivateservers.png) 0 0 no-repeat; } #maincol div h2.hosth2 { width:122px; height:22px; background:transparent url(images/h2-webhosting.png) 0 0 no-repeat; } #maincol div p { margin:5px 0 0 108px; padding:0; font-size:12px; color:#333; } #maincol div a, #maincol div a:visited { margin:-9px 2px 0 0; padding:0; display:block; width:21px; height:110px; background:transparent url(images/btn-div-home.gif) 0 0 no-repeat; float:right; text-indent:-9999px; border:none; } #support{margin:10px 0;} #masthead { margin:0 auto; padding:20px 0; width:900px; text-align:center; background:transparent url(images/white_blur.png) 0 0 no-repeat} #masthead #leftm { margin:0 10px 0 0; padding:0; width:202px; float:left; } #masthead #leftm a { margin:0 auto; padding:0; display:block; width:202px; height:77px; text-indent:-9999px; background:transparent url(images/carat-logo.png) 0 0 no-repeat; text-decoration:none; } #masthead #rightm { margin:0; padding:0; width:688px; float:left; text-align:right;} #masthead #rightm ul { margin:45px 0 0 0; padding:0; width:491px; float:right; list-style-type:none; font-size:12px; } #masthead #rightm #lanaguages { margin:5px 0 0 0; padding-right:10px; text-align:right; float:right; height:40px; width:536px; font-size:12px; font-weight:normal; color:#fff;} #masthead #rightm #lanaguages ul { margin:0; padding:0; width:491px; float:right; list-style-type:none; font-size:12px; } #masthead #rightm #lanaguages ul li { margin:0; padding:0 10px; float:right; border-right:1px solid #ffffff; } #masthead #rightm #lanaguages ul li.bordernone { border-right:none; padding-right:0; } #masthead #rightm #lanaguages ul li a, #masthead ul li a:visited { color:#ffffff; text-decoration:none; } #masthead #rightm #lanaguages ul li a:hover { color:#666; } #masthead #rightm #client { margin:50px 0 0 0; padding-right:10px; text-align:right; float:right; width:536px; font-size:12px; font-weight:normal; color:#fff;} #navigation {margin:0 auto; padding:0; height:45px; width:100%; text-align:center; float:left; background: transparent url(images/bg-nav.gif) repeat-x;} #nav_container { margin:0 auto; padding:0; width:900px; height:45px; } #nav_container ul { margin:0; padding:0; width:100%; height:45px; list-style-type:none; } #nav_container ul li { margin:0; padding:0; display:block; height:45px; float:left; } #nav_container ul li a { margin:0; padding:0; display:block; height:100%; text-indent:-9999px; } #nav_container ul li a.tab1 { background:transparent url(images/tab-dedicatedservers.gif) left top no-repeat; width:299px; height:45px; } #nav_container ul li a.tab2 { background:transparent url(images/tab-virtualprivateservers.gif) left top no-repeat; width:299px; height:45px; } #nav_container ul li a.tab3 { background:transparent url(images/tab-colocation.gif) left top no-repeat; width:301px; height:45px; } #nav_container ul li a:hover { background-position:0 -45px; } #container {margin:0px auto; padding:0; width:100%;} #container #leftpanel, #container #thefeature {float:left; padding-top:30px;} #leftpanel{margin:0 auto; padding:20px 8px; width:209px; height:630px; text-align:left; background:transparent url(images/bg-nav.gif) 0 0 no-repeat;} #livesupport{margin:30px 10px 0 10px; padding:10px 14px; width:160px; height:85px;color:#231f20; background:#ffffff; border:1px solid #bbb;} #reasons { margin-top:30px; height:200px;} #reasons-icon, #reasons-text { padding-top:10px; float:left; height:50px; } #reasons-icon {padding-left:22px; padding-right:10px; padding-bottom:10px; width:42px; border-bottom:1px solid #c9cac9} #reasons-text { margin-top:25px; padding:0; width:135px; height:45px; border-bottom:1px solid #c9cac9; font-size:12px; font-weight:bold; color:#222222; text-align:left; vertical-align:middle; } #options {margin-top:25px; padding:0 22px; width:165px;} #options #faq, #options #makecontact {float:left; width:80px; height:90px; text-align: center; color: #231f20; text-decoration: none; font-size:12px; color:#555555;} .link{color:#555555; text-decoration:none;} #faq {background: url(images/icons/faq.png) no-repeat top center; margin-right:5px;} /* Test comment */ #makecontact {background: url(images/icons/contact.png) no-repeat top center;} #thefeature{margin:0 auto; padding: 20px 0 0 40px; width:635px; text-align:left;} #thefeature h1 {margin:0 auto; font-size:20px; color:#414042;} #thefeature h2 {margin:0 auto; font-size:16px; color:#555555;line-height:24px;} #noborder{ margin:0 auto; padding:0; width:100%; text-align:left; border-top:none;} #left, #right { padding-top:10px; float:left; } #left { margin:0 25px; width:90px; border-right:1px solid #ddd} #right { margin:0 0 0 0; width:450px;} #right p { margin-top:5px; font-size:12px; color:#555555; } /* Footer Styles */ #footer { padding:10px 0; margin:0; position:fixed; left:0; bottom:0px; border-top:1px solid #e4e4e4; height:42px; background:#fff url(images/footer-background.gif) repeat-x top; text-align:center; width:100%; } #footer p { width:800px; font-size:11px; text-align:center; color:#5c5c5c; margin:0 auto; } #footer p a { font-weight:bold; color:#262626; text-decoration:none; } #footer p a:hover { text-decoration: underline; } #footer ul { margin:10px 0 0 0; padding:0; list-style-type:none; font-size:11px; } #footer ul li { display:inline; padding:0 10px; border-right:1px solid #ccc; } #footer ul li.noborder { border-right:none; padding:0 0 0 10px; } #footer ul li a, #footer ul#press li a:visited { color:#5c5c5c; text-decoration:none; } #footer ul li a:hover { text-decoration:underline; } #footer ul#press { margin:10px 0 0 0; padding:0; list-style-type:none; font-size:11px; } #footer ul#press li { display:inline; padding:0 10px; border-right:1px solid #ccc; font-weight:bold;} #footer ul#press li.noborder { border-right:none; padding:0 0 0 10px; } #footer ul#press li a, #footer ul#press li a:visited { color:#5c5c5c; text-decoration:none; font-weight:bold;} #footer ul#press li a:hover { text-decoration:underline; } .clear { clear:both; line-height:0; } /* FAQ page */ #faqbox {padding:20px;width:595px; height:575px; background:URL(images/FAQ-box2.gif) 0 0 no-repeat;} #faqbox h1 {font-size:18px;color:#393939; line-height:20px;} #faqbox p {font-size:12px;color:#636363; line-height:24px;} #faqbox h3 {background:transparent url(images/faq-icon.gif) no-repeat scroll 0 16px; padding:16px 0 0 26px; color:#2c2c2c; font-size:14px; font-weight:bold; margin: 0 0 0 5px;} /* Contact Us page */ #contact { margin:80px auto 0 auto; padding:0 0 6px 0; width:900px; text-align:left; background:transparent url(images/lock-contact.png) 20px 0 no-repeat; border-bottom:1px solid #e8e8e8; min-height:150px; } #contact h1 { margin:15px 0 0 215px; padding:0; display:block; font-size:18px;color:#f47532;} #contact h2 { margin:15px 0 0 215px; padding:0; display:block; font-size:14px;color:#2c2c2c;} #contact p { margin:14px 0 14px 215px; padding:0; font-size:12px; color:#636363; line-height:24px; } #contact span.required { color:#f79027; font-size:11px; font-weight:bold; } #contact form { margin:14px 0 14px 215px; padding:0; width:500px; font-size:13px; color:#666; } #contact form fieldset { margin:0; padding:0; border:none; } #contact form fieldset label { margin:0; padding:0 15px 0 0; display:block; width:170px; float:left; text-align:right; } #contact form fieldset label span { color:#f79027; font-size:11px; font-weight:bold; } #contact form fieldset input, #contact form fieldset select, #contact form fieldset textarea { margin:0 0 7px 0; padding:1px; width:275px; border:1px solid #a7a9ac; font-size:13px; color:#666; } #contact form fieldset input.send { margin:0 0 10px 180px; border:none; padding:0; width:auto; } #contact form fieldset input.captcha { width:100px; } div#wrapper div#content { width: 660px; line-height: 24px; padding: 20px 30px; margin: 0 0 40px 0; float: right; } /* Ad Banner */ div#bannerHolder{ margin:-10px auto 15px auto; padding:0; width:100%; text-align:left; border-top:none;} div#banner { margin:0; padding:0; width:634px; height:130px; } /* VPS */ #vpscontent { margin:20px 0 20px 0; padding:0; width:653px; text-align:left; float:left; background:#fff url(images/vps-bg.gif) 0 0 no-repeat; } #vpscontent h2 { margin:15px 0 0 15px; padding:0; display:block; background:#fff url(images/vps-title-sale.gif) 0 0 no-repeat; width:370px; height:25px; text-indent:-9999px; } /* #vpscontent h2 { margin:15px 0 0 15px; padding:0; display:block; background:#fff url(images/vps-title.gif) 0 0 no-repeat; width:270px; height:26px; text-indent:-9999px; } */ #vpscontent p { margin:7px 15px 15px 15px; padding:0; font-size:13px; } #vpscontent #vpsplans { margin:15px; padding:0; width:620px; } #vpsplans p { margin:5px 0; } #vpsplans #basic, #vpsplans #plus, #vpsplans #premium, #vpsplans #premiumplus { margin:0; padding:0; width:155px; text-align:center; float:left; } #vpsplans #basic, #vpsplans #plus, #vpsplans #premiumplus { margin-top:9px; } #vpsplans #basic { min-height:185px; background:#fff url(images/vps-bg-basic.gif) 0 37px no-repeat; } #vpsplans #plus { min-height:185px; background:#fff url(images/vps-bg-plus.gif) 0 37px no-repeat; } #vpsplans #premium { min-height:208px; background:#fff url(images/vps-bg-premium.gif) 0 37px no-repeat; color:#fff; } #vpsplans #premiumplus { min-height:185px; background:#fff url(images/vps-bg-premiumplus.gif) 0 37px no-repeat; } #vpsplans h3 { margin:0; padding:0; display:block; text-indent:-9999px; } #vpsplans h3.basicvps { background:#fff url(images/vps-h2-basic.gif) 0 0 no-repeat; width:155px; height:37px; } #vpsplans h3.plusvps { background:#fff url(images/vps-h2-plus.gif) 0 0 no-repeat; width:155px; height:37px; } #vpsplans h3.premiumvps { background:#373737 url(images/vps-h2-premium.gif) 0 0 no-repeat; width:155px; height:38px; } #vpsplans h3.premiumplusvps { background:#373737 url(images/vps-h2-premiumplus.gif) 0 0 no-repeat; width:155px; height:37px; } #vpsplans #vpsdetails { margin:0 auto 7px auto; padding:0; border:none; width:134px; font-size:10px; color:#333; } #vpsdetails td { padding:2px 0; text-align:left; border-bottom:1px solid #e9e9e9; } #vpsdetails td.vpsdesc { color:#9d9b9b; width:67%; font-size:10px; } #vpsdetails td.vpsinfo { width:33%; } #vpsplans #vpsdetails2 { margin:0 auto 10px auto; padding:0; border:none; width:134px; font-size:10px; color:#fff; } #vpsdetails2 td { padding:3px 0; text-align:left; border-bottom:1px solid #515251; } #vpsdetails2 td.vpsdesc2 { color:#adacac; width:67%; font-size:10px; } #vpsdetails2 td.vpsinfo2 { width:33%; } #vpscontent #vpsbenefit {padding:0px; margin-top:230px;} #vpscontent #vpsbenefits { margin:15px 15px 25px 15px; padding:0; border:none; width:620px; } #vpsbenefits th { margin:0; padding:10px; text-align:center; background:#777 url(images/vps-table-header.gif) 0 0 repeat-x; color:#fff; font-size:11px; text-transform:uppercase; font-weight:normal; } #vpsbenefits td { margin:0; padding:10px; text-align:center; font-size:12px; color:#686868; } #vpsbenefits tr.zebra { background:#f2f3f2 url(images/vps-table-zebra.gif) 0 0 repeat-x; } #vpsbenefits tr.zebra2 { background:#f2f3f2 url(images/vps-table-zebra2.gif) 0 0 repeat-x; text-transform:uppercase; } /* Sub Page */ #subcontent { margin:20px 0 20px 0; padding:0; width:653px; text-align:left; float:left; background:#fff url(images/vps-bg.gif) 0 0 no-repeat; } #subcontent h2 { margin:15px 0 0 15px; padding:0; font-size:18px; } #subcontent p { margin:7px 15px 15px 15px; padding:0; font-size:13px; }