@charset "utf-8";
/* CSS Document */

/* reset styles */
html, body, p, div, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

/* tag styles */
body { color: #484848; font: 12px Arial, Helvetica, sans-serif; background: #E9E9E9 url(images/pl_bodybk.png) repeat-x; }
a, a:active, a:link, a:visited { color: #0000FF; }
a:hover { color: #2C5589; text-decoration: none; }

/* clear floating divs */
.cleardiv { clear: both; height: 1px; }

/* start page flow */
#page { margin: 0px auto; width: 980px; background: #fff url(images/pl_pagebk.png) repeat-y center; }
#header { display: block; width: 980px; background: url(images/pl_masthead.png) no-repeat center top; }
#topheader { display: block; padding: 37px 0 0 20px; width: 940px; height: 80px; } 

/* top section */
h1, h1 a { display: block; width: 224px; height: 72px; text-indent: -9999px; background: url(images/pl_logo.png) no-repeat; float: left; }
h2 { display: block; width: 275px; height: 72px; text-indent: -9999px; background: url(images/pl_slogan.png) no-repeat; float: left; }
#topphone { display: block; width: 198px; height: 72px; text-indent: -9999px; background:url(images/pl_phone.png) no-repeat; float: right; }

/* dropdown menu container */
#dropdown { display: block; padding-left: 22px; width: 938px; height: 34px; }


/* home splash section */
#homesplash { display: block; padding-left: 20px; width: 940px; height: 173px; background: url(images/pl_homesplash.jpg) no-repeat right; }
#homesplash h3 { display: block; padding: 25px 0 0 126px; width: 736px; height: 30px; text-indent: -9999px; background: url(images/pl_splashline1.png) no-repeat bottom right; }
#homesplash h4 { display: block; padding: 0 0 0 464px; width: 284px; height: 34px; text-indent: -9999px; background: url(images/pl_splashline2.png) no-repeat bottom right; float: left; }

/* other page splash section */
#splash1 { display: block; padding-left: 20px; width: 940px; height: 173px; background: url(images/pl_splash1.jpg) no-repeat right; }
#splash1 h3 { display: block; padding: 25px 0 0 126px; width: 736px; height: 30px; text-indent: -9999px; /* background: url(images/pl_splashline1.png) no-repeat bottom right; */ }
#splash1 h4 { display: block; padding: 0 0 0 464px; width: 284px; height: 34px; text-indent: -9999px; /* background: url(images/pl_splashline2.png) no-repeat bottom right; */ float: left;  }

/* login form and live chat */
#clientlogin { display: block; padding: 39px 0 0 352px; width: 420px; font-size: 11px; float: left; }
#leftform { display: block; float: left; }
#leftform label { display: block; padding: 3px 5px 0 10px; float: left; }
#rightform { display: block; padding-right: 8px; float: right; }
.hide, .nobr { display: none; }
#clientlogin .textfield {  padding: 1px 2px 1px 2px; width: 112px; border: 1px solid #DADADA; float: left; }
#livechat { display: block; width: 136px; height: 114px; float: right; }

/* start main content */
#container { display: block; padding: 0 0 10px 20px; width: 960px; min-height: 300px; background: url(images/pl_wrapperbk.png) repeat-y right; }

/* home page hosting plans */
.plan1, .plan2 { display: block; width: 234px; float: left; }
.plan2 { padding-left: 1px; }

.plan1 h3, .plan2 h3  { display: block; width: 234px; height: 32px; text-indent: -9999px; }
h3.personal { background: url(images/pl_planhead.jpg) no-repeat left top; }
h3.developer { background: url(images/pl_planhead.jpg) no-repeat -235px 0; }
h3.business { background: url(images/pl_planhead.jpg) no-repeat -470px 0; }
h3.reseller { background: url(images/pl_planhead.jpg) no-repeat -705px 0; }

.plan1 ul, .plan2 ul { display: block; margin: 0; padding: 0 0 0 112px; width: 122px; height: 91px; }
.plan1 li, .plan2 li { margin: 0; padding: 2px 0 0 0; }
ul.personal { background: url(images/pl_plancontent.jpg) no-repeat 0 0; }
ul.developer { background: url(images/pl_plancontent.jpg) no-repeat -235px 0; }
ul.business { background: url(images/pl_plancontent.jpg) no-repeat -470px 0; }
ul.reseller { background: url(images/pl_plancontent.jpg) no-repeat -705px 0; }

.planfooter { display: block; padding-left: 15px; width: 219px; height: 36px; line-height: 36px; color: #fff; background: url(images/pl_planfoot.png) no-repeat right top; }
.planfooter p { display: block; width: 115px; height: 36px; font-size: 20px; font-weight: bold; float: left; }
.planfooter span { font-size: 12px; }
.planorder a { display: block; width: 76px; height: 36px; text-indent: -9999px; float: right; }
.planorder a:hover { background: url(images/pl_planfoot.png) no-repeat right bottom;  }
.showplans { width: 940px; text-align: center; border-top: 1px solid #E5E5E5; }
.toggle_click { display: block; margin: 0px auto; width: 126px; height: 23px; background: url(images/pl_plans.png) no-repeat top center; }
.toggle_click:hover { cursor: pointer; background: url(images/pl_plans.png) no-repeat bottom center; }

/* main content */
#main { display: block; padding: 8px 10px 0 10px; width: 600px; float: left; }
#main .box1, #main .box2 { display: block; width: 290px; float: left; }
#main .box1 p, #main .box2 p { font-size: 12px; }
#main .box1 { border-right: 1px solid #CBD2E4; }
#main .box2 { padding-left: 10px; }
#main h3 { padding-top: 5px; color: #333; font-size: 22px; }
#main h4 { padding: 5px 0 5px 0; color: #2C5589; font-size: 14px; font-weight: bold; }
.space { text-indent: 30px; background: url(images/pl_space.png) no-repeat left; }
.news { text-indent: 30px; background: url(images/pl_news.png) no-repeat left; }
#main .pbreak { display: block; width: 100%; height: 10px; border-top: 1px dashed #CBD2E4;  }
#main .pbreak2 { display: block; width: 100%; height: 10px; border-bottom: 1px solid #CBD2E4;  }

#main p { padding: 5px 10px 10px 0; font-size: 14px; }

/* side bar float */
#sidecontent { display: block; padding-top: 8px; width: 308px; float: left; }
#sidecontent .sidebox { padding-bottom: 10px; width: 308px; background: #fff url(images/pl_sidebk.png) repeat-x bottom; }
.sideh3a, .sideh3b  { display: block; padding-top: 4px; width: 308px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; }
.sideh3a { text-indent: 20px; background: url(images/pl_sidehdbk.png) no-repeat top center; }
.sideh3b { text-indent: 35px; background: url(images/pl_sidehdbk.png) no-repeat bottom center; }
#sidecontent p { padding: 5px 10px 5px 10px; }
#sidecontent form { margin: 0; padding: 0; }
#sidecontent label { display: block; margin: 0; padding-right: 5px; width: 125px; text-align: right; float: left; }
#sidecontent .textfield { display: block; margin: 0 0 5px 0; width: 150px; font-size: 11px; background: #fff url(images/pl_ffbk.png) repeat-x top; border: 1px solid #C3C3C3; float: left; }
#sidecontent .infocomments { display: block; margin: 0 0 5px 0; width: 150px; height: 60px; font-size: 11px; background: #fff url(images/pl_ffbk.png) repeat-x top; border: 1px solid #C3C3C3; float: left; }
#sidecontent .submit { margin-left: 130px; }




/* page footer */
#footer { display: block; width: 980px; padding: 15px 0 25px 0; background: url(images/pl_footerbk.png) no-repeat bottom; }
#footcontent { display: block; margin: 0px auto; width: 940px; }
#bottomtos { display: block; font-size: 11px; float: left; }
#bottomtos ul { list-style-type: none; margin: 0; padding: 0 0 0 10px; float: left; }
#bottomtos ul li { list-style: none; margin: 0; padding: 0; float: left; }
#bottomtos a, #bottomtos a:active, #bottomtos a:link, #bottomlinks a:visited { display: block; padding-right: 20px; color: #2C5589; text-decoration: none;  }
#bottomtos a:hover { color: #0000FF; text-decoration: underline; }
#bottomlinks { display: block; margin: 0px auto; font-size: 11px; float: right; }
#bottomlinks ul { list-style-type: none; margin: 0; padding: 0 10px 0 0; float: right; }
#bottomlinks ul li { list-style: none; margin: 0; padding: 0; float: left; }
#bottomlinks a, #bottomlinks a:active, #bottomlinks a:link, #bottomlinks a:visited { display: block; padding-left: 20px; color: #2C5589; text-decoration: none;  }
#bottomlinks a:hover { color: #0000FF; text-decoration: underline; }


#bottomtags p { padding-bottom: 5px; text-align: center; font-size: 11px; }


/* dropdown menu layout */

.menulist, .menulist  ul { margin: 0; padding: 0; list-style: none; }
.menulist ul { display: none; position: absolute; width: 150px; }
.menulist ul ul { top: 0px; margin-top: 0; left: 148px; }
.menulist li { float: left; display: block; position: relative; }
.menulist li ul { background-color: #F2F2F2; }
.menulist ul li { float: none; margin: 0; margin-bottom: 0px; }
.menulist li ul{ border: 1px solid #ccc; margin-top: 0px; /* border-right: solid 1px #ccc; border-left: solid 1px #ccc; border-top: solid 1px #ccc; */ }
/* .menulist li ul li{ border-bottom: solid 1px #ccc; border-top: solid 1px #fff; } */
.menulist li ul ul{ margin-top: 0px; border: 1px solid #ccc; /* border-right: solid 1px #ccc; border-left: solid 1px #ccc; border-top: solid 1px #ccc; */ }
.menulist ul>li:last-child { margin-bottom: 1px; /* Mozilla fix */ }

/* Links inside the menu */
.menulist a, .menulist a:active, .menulist a:visited { display: block; height: 34px; line-height: 34px; padding: 0 10px 0 7px; color: #fff; font-weight: bold; font-size: 12px; background: url(images/pl_navbreak.png) no-repeat bottom right; text-decoration: none; }
.home { background-image: none!important; text-indent: 0px!important; }
.menulist li ul a, .menulist li ul a:active, .menulist li ul a:visited { text-indent: 0px; height: auto; line-height: normal; padding: 3px 10px 3px 8px!important; color: #666; font-weight: normal; background: none; }
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted { color: #666; text-decoration: none; background: url(images/pl_navhover.png) no-repeat bottom right; }
.menulist li ul li a:hover, .menulist li ul li a.highlighted:hover, .menulist li ul li a:focus { color: #000; text-decoration: none; background-color: #ccc; background-image: none; }
.menulist li ul li a.highlighted { color: #000; background-color: #fff; background-image: none; }

/* Only style submenu indicators within submenus. */
.menulist a .subind { display: none; }
.menulist ul a .subind { display: block; float: right; }


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a { float: left; }
.menulist ul a { float: none; }
/* \*/
.menulist a { float: none; }
/* */


/* HACKS: IE/Win: */
*:first-child+html .menulist ul li { float: left; width: 100%; }
* html .menulist ul li { float: left; height: 1%; }
* html .menulist ul a { height: 1%; }
/* End Hacks */