/* debug tables */
/* border: 1px solid; */
body {
    
    color: #4C4C4C; 
	font-size: small;
	font-style: normal;
	line-height: normal;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 20px;
	background-image: url();
}

h1 {
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px  solid #ccc; padding: 1.0em  0 0 0; margin:  0.4em 0 0 0;
	color: #3B9E00;
	font-size: 160%;
	font-style: normal;
	font-weight: bold;
    margin-top: 1em; 
	margin-bottom: 0.7em;
	padding: 0 0 0.2em 0; 
}

h2 {
	font-size: 125%;
	color: #3B9E00;
	font-style: normal;
	font-weight: bold;
    margin-top: 1em; 
	margin-bottom: 0.5em; 
	padding: 0 0 0 0; 
}

h3 {
	font-size: 100%;
	color: #3B9E00;
	font-style: normal;
	font-weight: bold;
    margin-top: 1em; 
	margin-bottom: 0.5em; 
	padding: 0 0 0 0; 
}

p {
    margin-top: 0.7em;
	margin-bottom: 0.7em; 
	
	padding: 0 0 0 0; 
}

p, li {
  font-size : 100%;

}

ul li {
	 padding: 0 0 0.6em 0;
	 margin: 0 0 0.6em 0;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border: 0;
}

/* news table */
td.date{
  vertical-align:top
}

td.content{
  vertical-align:top
}

table.news{
 text-align:left;
 vertical-align:text-top;
}


.bullet {
	
/*	font-size: 10px;*/
	font-style: normal;
	line-height: normal;
	list-style-position: outside;
	list-style-type: circle;
}
.bodybold {
	
	/*font-size: 10px;*/
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}
.headingh1 {

	font-size: 150%;
	font-style: normal;
	font-weight: bold;
	padding: 0 0 0 0; 
}
.last {
    margin-bottom: 2em; 
}
.style2 {
	line-height: normal;
	/*font-size: 10px;*/
}
.style3 {
	/*font-size: 9px; */
	line-height: normal;
    color: #005594;
}

#amazonPrice {
	/*font-size: 14px; */
	font-weight: bold;
}


.white {
  color: #FFFFFF;
}

.bodyWhite {
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url();
	color: #FFFFFF;
}

.narrowIndent {
  margin-left: 7px;
  padding-left: 7px;
  /*font-size: 10px;*/
}



/* border curved box */
.boxTop h2 { font-size: 1.6em; border-bottom: 0; margin: 0 0 0.2em 0; padding: 0; } 
.boxMiddle { margin: 0 0 10px 0;background: #fff url(images/block1_middle.gif) 0 0 repeat-y; }
.boxBottom { background: transparent url(images/block1_bottom.gif) 0 100% no-repeat; }
.boxTop { padding: 8px 8px 1px 8px; background: transparent url(images/block1_top.gif) 0 0 no-repeat; }


/* if you need a fixed bottom assign it to the bottom cell */
.fixedBottom { background: transparent url(images/block1_tallBottom.gif) 0 100% no-repeat; }

.lhsBoxTop h2 { font-size: 1.6em; border-bottom: 0; margin: 0 0 0.2em 0; padding: 0; font-weight: bold; }
.lhsBoxMiddle { width:170px; margin: 0 0 10px 0;background: #fff url(images/lhsBlock_middle.gif) 0 0 repeat-y; }
/*.lhsBoxBottom { background: transparent url(images/lhsBlock_bottom.gif) 0 100% no-repeat; }*/

.lhsBoxBottom { background: transparent url(images/backgrounds/bg_panel_170.gif) 0 100% no-repeat; }

.lhsBoxTop { padding: 8px 8px 1px 8px; background: transparent url(images/lhsBlock_top.gif) 0 0 no-repeat; }

/* the download boxes have static links */
.lhsDownloadBoxTop h2 { font-size: 1.6em; border-bottom: 0; margin: 0 0 0.2em 0; padding: 0; font-weight: bold; }
.lhsDownloadBoxTop { padding: 8px 8px 1px 8px; background: transparent url(images/lhsBlock1_top.gif) 0 0 no-repeat; }



#hpdomains, #hplivemail, #hpbroadband {
	width: 183px;
	height: 202px;
	background: url(images/backgrounds/bg_panel_170.gif) no-repeat left bottom;
	overflow: hidden;
	text-align: left;
}

#hpdomains h1, #hplivemail h1, #hpbroadband h1, #hpresellers h1 {
	text-indent: -300px;
	/*font-size: 10px;*/
	width: 183px;
	height: 32px;
	overflow: hidden;
	margin: 0px;
}


/* striped table */
#rrpTable {border-top:1px solid #999;  border-left:1px solid #999;  border-collapse: collapse; }
#rrpTable th, #rrpTable td { padding: 5px;  text-align: left; vertical-align: text-top; border-right:1px solid #999;  border-bottom:1px solid #999; }
#rrpTable th { background-color:#63CFF7; color:#454545; }
#even { background-color:#DEF7FF; }
#backToTop { text-align: right; }



/* css menus */
#menu {
	width: 800px;
	background: #FFF;
}

#menuItems {
    position: relative;
	margin: 0;
	padding: 0.7em 0 0.7em 0;	
}

#menuItems li {

	padding: 0 0 0 1.5em;	
	display: inline;
	list-style: none;
}
#menuItems ul {
	margin: 0;
	padding: 0 0 0 0;
}
#menuItems li a {
	font-weight: bold;
	font-size: 100%;
	color: #3B9E00;		
	text-decoration: none;
}

#menuItems li#lastItem {
	position: absolute;
	right: 2em;
	text-align: right;
}

#menuItems li a:hover { color: #AAA; }
#menuItems li a:active { color: #AAA; background: url(images/buttons/btn_Triangle.gif) no-repeat bottom center; }

/* hyperlinks */
#tabs a:link { color: #CECF73; text-decoration: none; font-size:1.1em; font-weight: bold;}
#tabs a:active { color: #DEDF63; text-decoration: none;  font-size:1.1em; font-weight: bold;}
#tabs a:visited { color: #CECF73; text-decoration: none;  font-size:1.1em; font-weight: bold;}
#tabs a:hover { color: #DEDF63; text-decoration: none;  font-size:1.1em; font-weight: bold;}



















		   
a:link { color: #3B9E00; text-decoration: none; }
a:active { color: #3BAE00; text-decoration: none; }
a:visited { color: #3B9E00; text-decoration: none;  }
a:hover { color: #3BAE00; text-decoration: underline; }

.lhsDownloadBoxTop a:link { color: #000000; text-decoration: none;  }
.lhsDownloadBoxTop a:active { color: #000000; text-decoration: none;  }
.lhsDownloadBoxTop a:visited { color: #000000; text-decoration: none; }


#footer { padding: 2.0em 0 0 0; width:800px; clear: both;  font-family : Arial; }
#footer ul { border-top: 1px solid #ccc; padding: 0.8em 0 0 0; list-style: none; margin: 0 0 0.4em 0; }
#footer li { display: inline;  background: transparent url(images/backgrounds/bg_verticalLine_gray.gif) no-repeat 0px 1px; padding: 0 0.5em 0 1.0em; margin: 0 0 0 0; }
#footer li#first { background: none; margin: 0; padding: 0 0.5em 0 1.0em; margin: 0 0 0 0; }
#footer p { color: #666; }


/* Menu tabs */
     #tabs {
	 
	 color: #3B9E00;
            margin:  0 0 -1px 5px;
            position: absolute;
			bottom: 0;
			left: 0;
            clear: both;
            width: 100%;
            line-height:normal;
			border-bottom: 1px solid #ccc; padding: 1.0em  0 0 0; margin:  0.4em 0 0 0; 
        }

        #tabs ul {
            margin: 0 0 0 210px;
            padding: 0;
            list-style: none;
        }

        #tabs li {
            float: left;
            margin: 0;
            padding: 0;
            background: url(images/tabs/tab_right_green.png) right top no-repeat;
            border-bottom: 1px solid #94949D;
        }

        #tabs li.current,
		 body#bodyHome #header ul li#fNavHome,
		 body#bodySignUp #header ul li#fNavSignUp,
		 body#bodyInfo #header ul li#fNavInfo,
		 body#bodyAboutUs #header ul li#fNavAboutUs,
		 body#bodyContactUs #header ul li#fNavContactUs,
		 body#bodyCustomerEvaluationSurvey #header ul li#fNavCustomerEvaluationSurvey {
            font-weight: bold;
            border-bottom: none;
            background: url(images/tabs/tab_right_yellow.png) right top no-repeat ;
        }

        #tabs li.current a {
            color: #000000;
            background: url(images/tabs/tab_left_yellow.png) left top no-repeat ;
        }
		
		 body#bodyHome #header ul li#fNavHome a,
		 body#bodySignUp #header ul li#fNavSignUp a,
		 body#bodyInfo #header ul li#fNavInfo a,
		 body#bodyAboutUs #header ul li#fNavAboutUs a,
		 body#bodyContactUs #header ul li#fNavContactUs a,
		 body#bodyCustomerEvaluationSurvey #header ul li#fNavCustomerEvaluationSurvey a {
		  color:#3B9E00;
		 }
		
		#tabs ul li:hover,
		 body#bodyHome #header ul li#fNavHome,
		 body#bodySignUp #header ul li#fNavSignUp,
		 body#bodyInfo #header ul li#fNavInfo,
		 body#bodyAboutUs #header ul li#fNavAboutUs,
		 body#bodyContactUs #header ul li#fNavContactUs,
		 body#bodyCustomerEvaluationSurvey #header ul li#fNavCustomerEvaluationSurvey {
                 background: transparent url(images/tabs/tab_right_yellow.png) 100% 0 no-repeat ; 
	}
	
 #header ul li:hover a:hover,
 body#bodyHome #header ul li#fNavHome a,
		 body#bodySignUp #header ul li#fNavSignUp a,
		 body#bodyInfo #header ul li#fNavInfo a,
		 body#bodyAboutUs #header ul li#fNavAboutUs a,
		 body#bodyContactUs #header ul li#fNavContactUs a,
		 body#bodyCustomerEvaluationSurvey #header ul li#fNavCustomerEvaluationSurvey a {
			border-bottom: 1px solid #fff;
			background: transparent url(images/tabs/tab_left_yellow.png) 0 0 no-repeat; 
}
	
        #tabs a {
            display: block;
            background: url(images/tabs/tab_left_green.png) no-repeat left top;
            padding: 5px 15px;
        }
		
ul.listArrow { margin-bottom: 10px; }
		
		
		
		/* css left menu */
#leftSidebar {
    position: relative;
	margin: 0;
	padding: 0 0 0 0;	
}



#leftSidebar ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#leftSidebar li a {
	/*font-size: 90%;*/
}


ul.listArrow li { 
 background: url(images/icons/doubleLightGreenPointer.gif) no-repeat 0 6px;
 margin:0;
 padding: 1px 0 0 12px;
 display:block;
 list-style-type:none;
 text-indent: 0px; 
}

ul.listArrow li.blankItem { 
 background: none;
 margin-top: 4px;
 font-weight:bold;
}

ul.subMenu {
  margin:0; padding: 0px 0px 0px 3px;
  font-size: 0.9em;
}
 
ul.subMenu li { 
 margin:0;
 padding: 4px 0px 4px 0px; 
 display:block; 
 list-style-type:none; 
 border-bottom: 1px solid #EAEAEA;
}

ul.subMenu a:link, ul.subMenu a:visited { padding:0 12px 6px 12px;  text-decoration:none; background: url(images/icons/doubleGreyPointer.gif) no-repeat 0 5px; }
ul.subMenu a:active, ul.subMenu a:hover, ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { padding:0 12px 6px 12px;  text-decoration:none; background: url(images/icons/doubleLightGreenPointer.gif) no-repeat 0 5px; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { font-weight: bold; }


ul.tick li {
 padding: 0px 0px 0px 20px;
 margin: 0px 0px 3px 0px;
 display:block;
 list-style-type:none;
  background: url(images/icons/tick_blue_14x13.gif) no-repeat 0 2px;
  
 }
 
.light { color: #5C5C5C; }
.small { font-size: 0.9em; }

/* css page layout for 1, 2 and 3 columns */
#header {
	position: relative;
	width: 800px;
	height: 80px;	
	background: #FFF;
	background: url(images/titles/FirmviewLogo_400.gif) no-repeat 50% 10px;
	font-family: Arial, Helvetica, sans-serif;
}


body.oneCol #content {
	height: 600px;
	margin-right: 35px;
	margin-left: 35px;
	width: 730px;
	
}

body.twoCol #content {
	height: 600px;
	margin-right: 205px;
	margin-left: 35px;
	width: 520px;
}

body.threeCol #content {
	min-height:600px;
	margin-right: 210px;
	margin-left: 210px;
	width: 400px;
	line-height : 160%;
	font-family:Arial, Helvetica, sans-serif;
}

* html body.threeCol #content {
	height:600px;
}

body.oneCol #leftSidebar, body.twoCol #leftSidebar {
    position: absolute;
	top: 110px;
	right: 35px;
	left: 35px;	
	width: 0px;	
}

body.threeCol #leftSidebar {
    position: absolute;
	top: 110px;
	right: 205px;
	left: 35px;	
	width: 170px;	
	font-family : Arial, Helvetica, sans-serif;;	
}

#rightSidebar h2 {
   font-size: 130%;
}

body.twoCol #rightSidebar, body.threeCol #rightSidebar {
	position: absolute;
	top: 120px;
	right: 35px;
	left: 650px;	
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
    line-height : 110%;	
}

table.form {
  border: 1px solid #CCCCCC;
  background-color: #F0F0F0;
  padding:2.0em 2.0em 2.0em 2.0em
}