* {
margin : 0;
padding : 0;
}
body {
font : normal 12px/24px "Trebuchet MS", Verdana, Arial;
color : #979797;
background : #f0f0f0 url("images/body_bg.jpg") repeat-y center;
}
#fxContainer {
position : absolute;
left : 0;
top : 0;
z-index : 20;
width : 100%;
}
#fxTarget {
width : 100%;
position : relative;
top : 0;
z-index : 19;
overflow : hidden;
height : 0;
background-color : #277bc0;
}
#fxPadding {
visibility : hidden;
padding : 0 45px;
}
#fxShadow {
position : relative;
width : 100%;
height : 6px;
overflow : hidden;
z-index : 20;
}
#fxTab {
position : relative;
bottom : 0;
margin : -6px auto;
text-align : right;
height : 38px;
line-height : 36px;
font-weight : bold;
width : 800px;
z-index : 21;
}
#fxTab a:link, #fxTab a:visited, #fxContainer a:link, #fxContainer a:visited {
z-index : 100;
}
#fxTab a:hover {
text-decoration : none;
}
.clr {
clear : both;
}
#fxPadding div.moduletable h3 {
float : left;
margin : 0;
padding : 0;
line-height : 40px;
height : 40px;
}
#fxPadding form {
float : left;
padding-left : 30px;
height : 22px;
margin-top : 8px;
}
#fxPadding div.loginelement {
float : left;
margin-left : 30px;
height : 22px;
line-height : 22px;
}
#fxPadding div.loginelement input {
width : 100px;
padding-left : 5px;
}
span.loginsubmit, span.logoutsubmit {
display : block;
padding-left : 8px;
margin-left : 10px;
line-height : 25px;
width : 85px;
float : left;
cursor : pointer;
}
#fxContainer .contentheading, #fxContainer div.moduletable h3, #fxContainer {
color : #979797;
}
#fxTarget {
background : #f0f0f0;
}
#fxShadow {
background : url(http://12webhosting.com//templates/rt_colormatic//images/style8/fx-bottom.png) repeat-x 0 0;
}
#fxTab {
background : url() no-repeat 0 0;
}
#fxTab a:link, #fxTab a:visited, #fxContainer a:link, #fxContainer a:visited {
color : #979797;
}
#fxTab a:hover {
color : #ccc;
}
span.loginsubmit, span.logoutsubmit {
color : #979797;
background : url(http://12webhosting.com//templates/rt_colormatic/images/style8/login_button.png) no-repeat;
}
div#section1 {
background : #277bc0 url(http://12webhosting.com//templates/rt_colormatic/images/style8/section1-bg.png) repeat-x 0 0;
}
div#section1 a:link, div#section1 a:visited {
color : #004b7e;
}
div#section1 td.divider {
background : url(http://12webhosting.com//templates/rt_colormatic/images/style8/section1-div.png) no-repeat 0 0;
}
div#section1 .contentheading, div#section1 div.moduletable h3, div#section1 {
color : #fbffff;
}
div#section1 a.readon {
background : url(http://12webhosting.com//templates/rt_colormatic/images/style8/section1-readon.png) no-repeat 0 0;
color : #fff;
}
span.pathway img {
background : url(http://12webhosting.com//templates/rt_colormatic/images/style8/arrow.png) no-repeat;
}
p {
font : normal 12px/24px Verdana, Arial;
color : #979797;
}
#package1_body h1, #package2_body h1, #package3_body h1 {
font : bold 18px Verdana, Arial;
color : #3e3e3e;
}
h1 {
font : bold 18px Verdana, Arial;
color : #3e3e3e;
}
h2 {
font : bold 11px Verdana, Arial;
color : #9d9d9d;
margin : 0 0 15px 0;
}
#package1_body h2, #package2_body h2, #package3_body h2 {
font : bold 11px Verdana, Arial;
color : #9d9d9d;
margin : 0 0 15px 0;
}
#dontrisk h1, #technicalsupport h1 {
font : bold 16px/16px Verdana, Arial;
color : #3e3e3e;
}
#dontrisk h2, #technicalsupport h2 {
font : bold 11px/16px Verdana, Arial;
color : #979797;
}
#dontrisk p, #technicalsupport p {
font : normal 12px/24px "Trebuchet MS", Verdana, Arial;
color : #797979;
margin : 10px 0 15px 0;
}
#sidebar p {
font : normal 11px/24px "Trebuchet MS", Verdana, Arial;
color : #777777;
}
a {
color : #0000cd;
text-decoration : none;
}
a:hover {
color : #979797;
text-decoration : none;
}
#footer a {
font : bold 12px/90px Rockwell, Georgia, Times;
color : #8f8f8f;
text-decoration : none;
padding : 0 3px 0 3px;
}
#footer a:hover {
font : bold 12px Rockwell, Georgia, Times;
color : #fff;
text-decoration : none;
}
img {
border : 0;
}
#topcon, #footercon, #container {
margin : 0 auto;
width : 937px;
}
#topbg {
float : left;
width : 100%;
height : 125px;
background : url("images/top_bg.jpg") repeat-x;
}
#title {
background : url("images/title.gif") no-repeat;
float : left;
width : 737px;
height : 55px;
margin : 34px 0 0 0;
}
#nav {
float : left;
background : url("images/menu_bg.jpg") repeat-x;
width : 100%;
height : 50px;
}
#menu {
margin : 0 auto;
width : 1008px;
}
#navcon {
list-style : none;
display : inline;
overflow : hidden;
}
#navcon li {
list-style : none;
display : inline;
}
#navcon a {
float : left;
overflow : hidden;
height : 28px;
margin : 10px 12px 0 15px;
}
#navcon a:hover {
background-position : 0 -28px;
text-decoration : none;
}
#home a {
width : 96px;
background : url("images/home.jpg") no-repeat top left;
}
#hosting a {
width : 96px;
background : url("images/hosting.jpg") no-repeat top left;
}
#domains a {
width : 96px;
background : url("images/domains.jpg") no-repeat top left;
}
#company a {
width : 96px;
background : url("images/company.jpg") no-repeat top left;
}
#reseller a {
width : 96px;
background : url("images/reseller.jpg") no-repeat top left;
}
#support a {
width : 96px;
background : url("images/support.jpg") no-repeat top left;
}
#design a {
width : 96px;
background : url("images/design.jpg") no-repeat top left;
}
#links a {
width : 96px;
background : url("images/links.jpg") no-repeat top left;
}
#left {
float : left;
width : 656px;
padding : 21px 21px 35px 21px;
}
#banner {
float : left;
background : url("images/banner.gif") no-repeat;
width : 652px;
height : 143px;
margin : 0 0 21px 0;
}
#banner_domain {
float : left;
background : url("images/banner_domain.gif") no-repeat;
width : 652px;
height : 143px;
margin : 0 0 21px 0;
}
#banner_hosting {
float : left;
background : url("images/banner_hosting.gif") no-repeat;
width : 652px;
height : 143px;
margin : 0 0 21px 0;
}
#banner_design {
float : left;
background : url("images/banner_design.gif") no-repeat;
width : 652px;
height : 143px;
margin : 0 0 21px 0;
}
#menu2_start {
float : left;
background : url("images/menu2_start.jpg") no-repeat;
width : 10px;
height : 36px;
}
#menu2_bg {
float : left;
background : url("images/menu2_bg.jpg") repeat-x;
width : 632px;
height : 36px;
word-spacing : 50px;
text-align : center;
font : bold 11px/35px Verdana, Arial;
}
#menu2_end {
float : left;
background : url("images/menu2_end.jpg") no-repeat;
width : 10px;
height : 36px;
padding : 0 0 21px 0;
}
#package1, #order1, #package1_body {
float : left;
width : 210px;
list-style : none;
}
#package1 li {
background : url("images/package1_bg.jpg") no-repeat;
width : 175px;
height : 34px;
list-style : none;
padding : 0 0 5px 35px;
font : bold 10px/34px Verdana, Arial;
color : #686868;
}
#order1 a {
float : left;
width : 210px;
height : 34px;
background : url("images/order1.jpg") no-repeat top left;
font : bold 10px/32px Verdana, Arial;
color : #ffffff;
text-align : center;
}
#order2 a {
float : left;
width : 209px;
height : 34px;
background : url("images/order2.jpg") no-repeat top left;
font : bold 10px/32px Verdana, Arial;
color : #ffffff;
text-align : center;
}
#order3 a {
float : left;
width : 233px;
height : 34px;
background : url("images/order3.jpg") no-repeat top left;
font : bold 10px/32px Verdana, Arial;
color : #ffffff;
text-align : center;
}
#order1 a:hover, #order2 a:hover, #order3 a:hover {
background-position : 0 -34px;
text-decoration : none;
}
#package2, #order2, #package2_body {
float : left;
width : 209px;
list-style : none;
}
#package2 li {
background : url("images/package2_bg.jpg") no-repeat;
width : 174px;
height : 34px;
list-style : none;
padding : 0 0 5px 35px;
font : bold 10px/34px Verdana, Arial;
color : #686868;
}
#package3, #order3, #package3_body {
float : left;
width : 233px;
list-style : none;
}
#package3 li {
background : url("images/package3_bg.jpg") no-repeat;
width : 198px;
height : 34px;
list-style : none;
padding : 0 0 5px 35px;
font : bold 10px/34px Verdana, Arial;
color : #686868;
}
#dontrisk {
float : left;
width : 255px;
padding : 21px 36px 0 5px;
}
.iconspot {
float : left;
width : 40px;
padding : 21px 0 0 0;
}
#technicalsupport {
float : left;
width : 278px;
padding : 21px 0 0 0;
}
#advert {
float : left;
margin : 75px 0 50px 0;
background : url("images/banner_domain.gif") no-repeat;
width : 652px;
height : 143px;
}
#sidebar {
float : left;
width : 236px;
padding : 0 0 35px 0;
}
#livesupport {
float : left;
background : url("images/live_support.jpg");
width : 238px;
height : 37px;
}
#afantastico {
float : left;
background : url("images/1fantastico.jpg");
width : 238px;
height : 37px;
}
#chatlive {
float : left;
width : 200px;
height : 46px;
margin : 10px 0 5px 20px;
}
#website {
float : left;
background : url("images/website.jpg");
width : 238px;
height : 37px;
margin : 21px 0 0 0;
}
#enduser {
float : left;
background : url("images/enduser.jpg");
width : 238px;
height : 37px;
margin : 21px 0 0 0;
}
#whatis {
float : left;
background : url("images/what_is.jpg");
width : 238px;
height : 37px;
margin : 21px 0 0 0;
}
#partner {
float : left;
background : url("images/partner.jpg");
width : 238px;
height : 37px;
margin : 21px 0 0 0;
}
#packages_include {
float : left;
background : url("images/packages_include.jpg");
width : 238px;
height : 37px;
margin : 21px 0 0 0;
}
#contact_us {
float : left;
background : url("images/contact_us.jpg");
width : 238px;
height : 37px;
margin : 21px 0 0 0;
}
#powered_by {
float : left;
background : url("images/powered_by.jpg");
width : 238px;
height : 37px;
margin : 21px 0 0 0;
}
.sb_text {
float : left;
width : 198px;
padding : 10px 0 0 13px;
}
.power_left {
float : left;
width : 85px;
margin : 0 28px 0 13px;
}
#cpanel a {
float : left;
background : url("images/cpanel.jpg") no-repeat top left;
overflow : hidden;
height : 32px;
display : inline;
width : 69px;
margin : 15px 0 0 0;
}
#cpanel a:hover {
background-position : 0 -32px;
}
#fantastico a {
float : left;
background : url("images/fantastico.jpg") no-repeat top left;
overflow : hidden;
height : 24px;
display : inline;
width : 99px;
margin : 15px 0 0 0;
}
#fantastico a:hover {
background-position : 0 -24px;
}
.power_right {
float : left;
width : 85px;
}
#rvskins a {
float : left;
background : url("images/rvskins.jpg") no-repeat top left;
overflow : hidden;
height : 37px;
display : inline;
width : 37px;
margin : 15px 0 0 0;
}
#rvskins a:hover {
background-position : 0 -37px;
}
#hypervm a {
float : left;
background : url("images/hypervm.jpg") no-repeat top left;
overflow : hidden;
height : 22px;
display : inline;
width : 92px;
margin : 15px 0 0 0;
}
#hypervm a:hover {
background-position : 0 -22px;
}
.img_space {
margin : 10px 0 0 0;
}
.icon_space {
margin : 0 10px 0 0;
}
#footer {
float : left;
background : url("images/footer_bg.jpg") repeat-x;
height : 50px;
width : 100%;
}
#footerleft {
float : left;
width : 570px;
}
#footerleft a {
font : bold 10px/50px Verdana, Arial;
color : #ffffff;
}
#footerleft a:hover {
font : bold 10px/24px Verdana, Arial;
color : #b7b7b7;
text-decoration : none;
}
#footerright {
float : left;
width : 367px;
}
#footerright p {
font : normal 10px/50px Verdana, Arial;
color : #ffffff;
text-align : right;
}
#dedicated_banner {
float : left;
background : url("images/dedicated_banner.jpg") no-repeat;
width : 670px;
height : 93px;
margin : 0 0 21px 0;
}
#vps_banner {
float : left;
background : url("images/vps_banner.jpg") no-repeat;
width : 670px;
height : 93px;
margin : 0 0 21px 0;
}
.title1 {
float : left;
width : 176px;
background-color : #bc0404;
height : 45px;
text-align : center;
font : bold 11px/45px Verdana, Arial;
border-right : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
color : #ffffff;
}
.title {
float : left;
width : 94px;
background-color : #bc0404;
height : 45px;
text-align : center;
font : bold 11px/45px Verdana, Arial;
border-right : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
color : #ffffff;
}
.column1 {
float : left;
width : 176px;
background-color : #f3f2f2;
height : 45px;
font : bold 11px/45px Verdana, Arial;
color : #636363;
border-right : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
text-align : center;
}
.column {
float : left;
width : 94px;
background-color : #f3f2f2;
height : 45px;
font : bold 11px/45px Verdana, Arial;
color : #636363;
border-right : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
text-align : center;
}
.orderspace {
margin : 6px 0 0 0;
}
#additional {
float : left;
margin : 21px 0 0 0;
width : 652px;
}
.feature_box {
float : left;
width : 652px;
margin : 10px 0 0 0;
}
.left_icon {
float : left;
width : 40px;
}
.info_text {
float : left;
background : url("images/pie_bg.jpg") repeat-x;
width : 583px;
padding : 0 0 0 10px;
font : bold 14px/44px Verdana, Arial;
}
.info_text2 {
float : left;
background : url("images/backup_bg.jpg") repeat-x;
width : 583px;
padding : 0 0 0 10px;
font : bold 14px/46px Verdana, Arial;
}
.info_text3 {
float : left;
background : url("images/moneyback_bg.jpg") repeat-x;
width : 583px;
padding : 0 0 0 10px;
font : bold 14px/39px Verdana, Arial;
}
.info_text4 {
float : left;
background : url("images/tech_bg.jpg") repeat-x;
width : 583px;
padding : 0 0 0 10px;
font : bold 14px/45px Verdana, Arial;
}
.end {
float : left;
width : 11px;
}
.contact_icons {
float : left;
width : 50px;
height : 50px;
padding : 10px 0 10px 0;
border-bottom : 1px solid #d0d0d0;
}
.contact_info {
float : left;
width : 577px;
padding : 10px 0 10px 25px;
height : 50px;
font : normal 18px/50px Verdana, Arial;
border-bottom : 1px solid #d0d0d0;
}
.tabletop {
background : url("images/table.jpg") repeat-x;
color : #fff;
text-align : center;
}
.tabletop td {
padding : 10px;
font-weight : bold;
text-align : center;
}
.tablea td {
border-bottom : 1px solid #ccc;
padding : 10px;
text-align : center;
}
.tableb td {
border-bottom : 1px solid #ccc;
padding : 10px;
background : #ececec;
text-align : center;
}
.tablep td {
border-bottom : 1px solid #ccc;
padding : 10px;
background : url("images/top_bg.jpg") repeat-x;
color : #fff;
font-weight : bold;
font-size : 18px;
text-align : center;
}
.accordion_headings {
padding : 10px;
background : #101111;
color : #fff;
text-align : center;
cursor : pointer;
font-weight : bold;
}
.accordion_headings:hover {
background : url("images/top_bg.jpg") repeat-x;
}
.accordion_child {
background : #fff;
}
.header_highlight {
background : url("images/top_bg.jpg") repeat-x;
}

#fix { float:left; width:940px;}