@charset "UTF-8";

/*********************************************************************************/
/* Base						 					                                 */
/*********************************************************************************/

body { font: 80% Calibri, Arial, Verdana, Helvetica; color: #333; background: #7bb34a url(../images/sub-bg.jpg) repeat-x top left; margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,p { margin-top: 0px; }
h1,h2,h3,h4,h5,h6 { color: #007dc3; }
img {border:0;}

/*********************************************************************************/
/* Generic  							 					                     */
/*********************************************************************************/

.hide {display:none;}
.clearFloats {clear:both;}
.scroller {height: 300px; overflow: auto; border: solid 1px #cccccc; padding: 20px; background-color: #f3f3f3;}

/*********************************************************************************/
/* General layout 							 					                 */
/*********************************************************************************/

#container { width: 963px; margin: 0 auto; }

#header { margin-bottom: 6px; }
#header h1 { margin: 14px 0px 0px 27px; padding: 0px; width: 168px; height: 59px; background: url(../images/ispnet-logo.gif) no-repeat top left; }
#header h1 span { display: none; }
#header h1 a { display: block; width: 168px; height: 59px; }
#header h2 { position: absolute; width: 250px; top: 32px; margin: 0px 0px 0px 667px; color: #6a6a6a; text-align: right; font-size: 130%; }
#header h2 a { text-decoration: none; color: #7bb04a; }

#footer { padding: 20px 0px 40px 0px; width: 943px; margin: 0 auto; }
#footer #copyRight { float: left; width: 250px; color: #ffffff; }
#footer ul.links { float: right; list-style: none; margin: 0px; padding: 0px; }
#footer ul.links li { display: inline; }
#footer ul.links li a { color: #ffffff; font-weight: bold; text-decoration: none; border-right: solid 1px #ffffff; padding-right: 6px; margin-right: 2px; font-size: 95%; }
#footer ul.links li.end a { border-right: none; }

/*********************************************************************************/
/* Home            						 					                     */
/*********************************************************************************/

body.home { background: #7bb34a url(../images/home-bg.jpg) repeat-x top left; }
#homeHero { height: 239px; background: url(../images/home-herobg.gif) no-repeat top left; }
#homeHero #homeFlash { width: 932px; height: 225px; margin-left: 14px; }

#homeNav { height: 125px; background: url(../images/home-navbg.jpg) no-repeat top left; margin-bottom: 18px; }
#homeNav ul { margin: 0px 10px 0px 10px; padding: 0px; list-style: none; }
#homeNav ul ul { display: none; }

#homeNav ul li { float: left; height: 114px; margin-right: 11px; padding: 0px; }
#homeNav ul li.first { display: none; }
#homeNav ul li.last { margin-right: 0px; }
#homeNav ul li a { display: block; width: 148px; height: 114px; background-position: center top; background-repeat: no-repeat; }
#homeNav ul li a span { display: none; }

#homeNav ul li a.itsupport { background-image: url(../images/homeNav/itsupport.gif); }
#homeNav ul li a.managedsupport { background-image: url(../images/homeNav/managedsupport.gif); }
#homeNav ul li a.backup { background-image: url(../images/homeNav/backup.gif); }
#homeNav ul li a.vservers { background-image: url(../images/homeNav/vservers.gif); }
#homeNav ul li a.internet { background-image: url(../images/homeNav/internet.gif); }
#homeNav ul li a.wares { background-image: url(../images/homeNav/wares.gif); }

#homeBoxes { height: 131px; margin: 0px 10px 20px 10px; }
#homeBoxes #leftBox { border-right: solid 1px #cfcfcf; width: 314px; height: 131px; float: left; text-align: center; }
#homeBoxes #middleBox { width: 282px; height: 131px; float: left; padding: 0px 16px 0px 16px; }
#homeBoxes #middleBox h3 { color: #007dc3; }

#homeBoxes #rightBox { border-left: solid 1px #cfcfcf; width: 313px; height: 131px; float: left; }
#homeBoxes #rightBox a { display: block; width: 294px; height: 62px; margin-left: 16px; }
#homeBoxes #rightBox a span { display: none; }
#homeBoxes #rightBox a.bookTechnician { background: url(../images/home-book-tech.gif) no-repeat top left; margin-bottom: 6px; }
#homeBoxes #rightBox a.support { background: url(../images/home-support.gif) no-repeat top left; margin-bottom: 6px; }
#homeBoxes #rightBox a.liveChat { background: url(../images/home-live-chat.gif) no-repeat top left; }
#homeBoxes #rightBox a.payBill { background: url(../images/home-pay-your-bill.gif) no-repeat top left; }

/*********************************************************************************/
/* Sub-content  						 					                     */
/*********************************************************************************/

#middle { background-color: #ffffff; }

#section { background: url(../images/sub-section-bg.jpg) no-repeat top left; height: 89px; }
#section h1 { background: url(../images/sections/default.gif) no-repeat top left; width: 935px; height: 85px; text-indent: -999em; margin: 0px 0px 0px 14px; padding: 0px; }
#section h1.itsupport { background-image: url(../images/sections/itsupport.gif); }
#section h1.managedsupport { background-image: url(../images/sections/managedsupport.gif); }
#section h1.backup { background-image: url(../images/sections/backup.gif); }
#section h1.vservers { background-image: url(../images/sections/vservers.gif); }
#section h1.internet { background-image: url(../images/sections/internet.gif); }
#section h1.wares { background-image: url(../images/sections/wares.gif); }

#subNav { background: url(../images/sub-nav-bg.gif) no-repeat top left; height: 46px; }
#subNav ul { margin: 0px 14px 0px 14px; padding: 0px; list-style: none; }
#subNav ul ul { display: none; }

#subNav ul li { float: left; }
#subNav ul li.first { display: none; }
#subNav ul li a { background: url(../images/sub-nav.gif) no-repeat top left; height: 42px; display: block; }
#subNav ul li a span { display: none; }

#subNav ul li a.itsupport { width: 110px; background-position: 0px 0px; }
#subNav ul li a.managedsupport { width: 176px; background-position: -110px 0px; }
#subNav ul li a.backup { width: 166px; background-position: -286px 0px; }
#subNav ul li a.vservers { width: 129px; background-position: -452px 0px; }
#subNav ul li a.internet { width: 187px; background-position: -581px 0px; }
#subNav ul li a.wares { width: 167px; background-position: -768px 0px; }

#subNav ul li a.itsupport:hover { width: 110px; background-position: 0px -42px; }
#subNav ul li a.managedsupport:hover { width: 176px; background-position: -110px -42px; }
#subNav ul li a.backup:hover { width: 166px; background-position: -286px -42px; }
#subNav ul li a.vservers:hover { width: 129px; background-position: -452px -42px; }
#subNav ul li a.internet:hover { width: 187px; background-position: -581px -42px; }
#subNav ul li a.wares:hover { width: 167px; background-position: -768px -42px; }

#subNav ul li.selected a.itsupport { width: 110px; background-position: 0px -84px; }
#subNav ul li.selected a.managedsupport { width: 176px; background-position: -110px -84px; }
#subNav ul li.selected a.backup { width: 166px; background-position: -286px -84px; }
#subNav ul li.selected a.vservers { width: 129px; background-position: -452px -84px; }
#subNav ul li.selected a.internet { width: 187px; background-position: -581px -84px; }
#subNav ul li.selected a.wares { width: 167px; background-position: -768px -84px; }

#mainContent { background-color: #ffffff; width: 943px; margin: 0 auto; padding-top: 4px;  }

#mainContent #leftColumn { float: left; width: 200px; margin-bottom: 25px; }
#mainContent #leftColumn .leftNav ul { list-style: none; margin: 0px; padding: 22px 0px 0px 0px; background: #c4e1f1 url(../images/leftNav/left-nav-bg.gif) repeat-x top left; }
#mainContent #leftColumn .leftNav ul li { width: 180px; margin: 0px 10px 0px 10px; border-top: solid 1px #ffffff; }
#mainContent #leftColumn .leftNav ul li.first { border-top: none; }
#mainContent #leftColumn .leftNav ul li.selected { background-color: #ffffff; }
#mainContent #leftColumn .leftNav ul li a { background: url(../images/arw2.gif) no-repeat 7px 10px; text-decoration: none; text-indent: 10px; font-weight: bold; color: #535353; font-size: 95%; display: block; width: 164px; padding: 8px; }

#mainContent #leftColumn .leftNav ul ul { display: none; padding: 0px; margin: 0px; background: #c4e1f1; }
#mainContent #leftColumn .leftNav ul li.selected ul { display: block; }
#mainContent #leftColumn .leftNav ul ul li { width: 170px; }
#mainContent #leftColumn .leftNav ul ul li.selected { background-color: Transparent; }
#mainContent #leftColumn .leftNav ul ul li a { font-size: 90%; font-weight: normal; padding: 5px; background: Transparent; }
#mainContent #leftColumn .leftNav ul ul li.selected a { background: url(../images/arw2.gif) no-repeat 5px 7px; }

#mainContent #leftColumn #leftNavBottom { background: url(../images/leftNav/left-nav-bottom.gif) no-repeat top left; height: 8px; width: 200px; }
#mainContent #leftColumn #leftButtons { margin-top: 17px; }
#mainContent #leftColumn #leftButtons a { display: block; width: 200px; height: 57px; }
#mainContent #leftColumn #leftButtons a span { display: none; }
#mainContent #leftColumn #leftButtons a.bookTechnician { background: url(../images/sub-book-tech.gif) no-repeat top left; margin-bottom: 6px; }
#mainContent #leftColumn #leftButtons a.liveChat { background: url(../images/sub-live-chat.gif) no-repeat top left; margin-bottom: 6px; }
#mainContent #leftColumn #leftButtons a.support { background: url(../images/sub-support.gif) no-repeat top left; margin-bottom: 6px; }
#mainContent #leftColumn #leftButtons a.payBill { background: url(../images/sub-pay-your-bill.gif) no-repeat top left; }

#mainContent #contentColumn { float: left; width: 693px; padding: 25px; margin-bottom: 25px; }
#mainContent #contentColumn h2 { color: #007dc3; }
#mainContent #contentColumn.hasRightColumn { width: 493px; }

#mainContent #rightColumn { float: left; width: 197px; margin-bottom: 25px; background: url(../images/right-col-bg.jpg) no-repeat 0px bottom; font-size: 93%; min-height:225px; height:auto !important; height:225px; margin-top: 17px; }
#mainContent #rightColumn .rightColTop {background:url(../images/right-col-top.jpg) 0 0 no-repeat; width:197px; height:17px;}
#mainContent #rightColumn .copy {padding:0px 15px 15px 15px;font-size: 95%;}
#mainContent #rightColumn .copy h4 {margin:0; padding:0 0 5px 0; font-size:110%;}
#mainContent #rightColumn .copy h5 {margin:0; margin-bottom: 5px; padding: 3px 0 3px 0; font-size:100%; border-bottom: solid 1px #888888; border-top: solid 1px #888888; background-color: #aaaaaa; color: #ffffff; text-align: center;}
#mainContent #rightColumn .copy p {line-height:1.2em; }
#mainContent #rightColumn .copy ul {padding:0 0 0.9em 0; line-height:1.3em; margin:0;list-style: none;}
#mainContent #rightColumn .copy ul li {background-image: url(../images/arw.gif); background-repeat: no-repeat; background-position: left top; padding-left: 12px;}

#footerWrapper { background: url(../images/sub-footer-grad.jpg) repeat-x top left; }

/*********************************************************************************/
/* Forms						 					                             */
/*********************************************************************************/

.form .formRequiredNote { text-align: right; margin-bottom: 5px; }
.form .rqd { color: Red; font-weight: bold; font-size: 14px; }
.form input, .form textarea { font-family: Verdana, Arial, Helvetica, Sans-Serif; padding: 3px; font-size: 11px; }
.form select { font-family: Verdana, Arial, Helvetica, Sans-Serif; border: solid 1px #aaaaaa; padding:3px; font-size: 11px; }
.form .inputField { border: solid 1px #aaaaaa; }
.form .size1 { width: 100px; }
.form .size2 { width: 240px; }
.form .size3 { width: 350px; }
.form .formBlock { background-color: #eeeeee; border-bottom: solid 1px #cccccc; border-top: solid 1px #cccccc; margin-bottom: 8px; padding-bottom: 10px; }
.form .formBlock .formElement { clear: both; padding: 8px; }
.form .formBlock .formElement label { display: block; width: 150px; float: left; font-weight: bold; text-align: right; margin-right: 5px; }
.form .formButtons { margin-left: 163px; }
.form .formBlock .checkbox { margin-left: 153px; }
.form .formBlock .checkbox label { display: block; width: 260px; float: right; font-weight: bold; text-align: right; margin-right: 5px; text-align: left; }