body    {
		font-family:"Trebuchet MS", verdana, sans-serif;
	font-size:0.9em;
	color:#555;
	background-color: #fff;
	text-align: center;
	margin:0;
	padding:0;
background-image:url(http://www.arrowsmithwebsites.com/images/shadow.jpg);
	background-repeat:repeat-x;
background-position:center 134px;
}

img {
	border:none;
}

#head {
	width:840px;
	height:120px;
	margin:0 auto;
}

#head a {
	background:none;
}

#head h1 {
	float:left;
	margin:50px 0 0 0;
	border:none;
}
#head h2 {
	float:right;
	margin:40px 0 0 0;
	font-size:1.3em;
	text-align:right;
}

#topnav {
	margin:0 auto;
	background-image:url(http://www.arrowsmithwebsites.com/images/shadow.jpg);
	background-repeat:repeat-x;
background-position:center 14px;
}

#navinner {
	text-align:right;
	margin:0 auto;
	width:840px;
	padding:5px 0;
}

#topnav li {
	display:inline;
}

#topnav li a:link, #topnav li a:visited {
	padding:4px 12px;
	margin:0 2px;
	color:#999;
	font-weight:bold;
	background-color:#F5F5F5;
	text-decoration:none;
	border:#ccc solid 1px;
	background-image:url(http://www.arrowsmithwebsites.com/images/shadow.jpg);
	background-repeat:repeat-x;
font-family:"Trebuchet MS", verdana, sans-serif;
	font-size:0.9em;
}

#topnav li a:hover {
	background-color:#fff;
}

#topnav li a:link.nav-domains, #topnav li a:visited.nav-domains {
	background-color:#fff;
	border-bottom:#fff solid 1px;
	background-image:none;
color:#00C0C1;
}

#topnav li a:hover.nav-welcome, .welcome #topnav li a.nav-welcome {
	color:#f00;
}
#topnav li a:hover.nav-website-portfolio, .website-portfolio #topnav li a.nav-website-portfolio {
	color:#FF8300;
}
#topnav li a:hover.nav-website-hosting, .website-hosting #topnav li a.nav-website-hosting {
	color:#78C400;
}
#topnav li a:hover.nav-blog, .blog #topnav li a.nav-blog {
	color:#0031AC;
}
#topnav li a:hover.nav-domains, .domains #topnav li a.nav-domains {
	color:#00C0C1;
}
#topnav li a:hover.nav-contact, .contact #topnav li a.nav-contact {
	color:#8D00AC;
}

#foot {
	height:100px;
	margin:0 auto;
	padding:50px 0 0 0;
	clear:both;
	background-image:url(http://www.arrowsmithwebsites.com/images/shadowfoot.jpg);
	background-position:0 20px;
	background-repeat:repeat-x;
text-align:center;
font-family:"Trebuchet MS", verdana, sans-serif;
	font-size:0.9em;
}
#foot a:link, #foot a:visited {
	color:#0092C0;
font-family:"Trebuchet MS", verdana, sans-serif;
	font-size:0.9em;
}
#foot a:hover {
	color:#7BE80C;
}


* Custom navigation menu header styles. Only appears in header file */
/* Menu bar */
.NavMenu a:link        {color:#000000; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavMenu a:visited     {color:#000000; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavMenu a:hover       {color:#003300; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavMenu               {
	font-family: Tahoma, arial;
	font-size:8pt;
	font-weight:bold;
	color:#333;
	visible:false;
	background-color: #fff;
}

/* Menu bar with mouse over */
.NavMenuOn a:link      {color:#000000; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavMenuOn a:visited   {color:#000000; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavMenuOn a:hover     {color:#ffffff; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavMenuOn             {font-family: Tahoma, arial; font-size:8pt; font-weight:bold; background:#00C0C1; color:#FFFFFF; cursor:hand; visible:false}

/* Menu bar drop down list */
.NavItem a:link        {color:#000000; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavItem a:visited     {color:#000000; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavItem a:hover       {color:#000000; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavItem               {font-family: Tahoma, arial; font-size:8pt; font-weight:normal; background:#eeeeee; color:#000000; padding:2px; padding-left:10px; padding-top:4px; padding-bottom:6px; visible:false}

/* Menu bar drop down list with mouse over */
.NavItemOn a:link      {color:#ffffff; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavItemOn a:visited   {color:#ffffff; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavItemOn a:hover     {color:#FFFFFF; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}
.NavItemOn             {font-family: Tahoma, arial; font-size:8pt; font-weight:normal; background:#00C0C1; color:#000000; cursor:hand; padding:2px; padding-left:10px; padding-top:4px; padding-bottom:6px; visible:false}

/* Header nav menu right bar. Right cell on header menu. The bar on the header navigation menu with no links */
.RightNavCell {
	color: #fff;
	background-color: #fff;
}


td {
font-family:cambria, georgia, times, sans-serif;
color:#555;
font-size:1em;
margin:1em 0;
}

a:hover {
  TEXT-DECORATION: underline;
}

.mainBackGround {
        background-color: transparent;
}

/*The sidebar background color, this appears at the
* left hand side of all pages*/
.sidebarBackGroundLeft {
        background-color: transparent; 
}

/*The sidebar background color, this appears at the
* right hand side of all pages*/
.sidebarBackGroundRight {
        background-color: transparent;
}

/*The font for the links that appear in the lefthand sidebar
* on the manage domains page and others*/
.submenu {
  font-family: Tahoma, Arial, Helvetica, Verdana;
  font-size: 8pt;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  text-align: right
}

/*This is the text that the information on current user and currency
* on the righthand sidebar uses*/
/* ref#59 */
.loginInfoText {
        font-family: Tahoma, Arial, Helvetica, Verdana;
        font-size: 8pt;
        color: #000000;
}

/*This is the main font used.  It is specified at table declarations
* and is often overwritten in cells by other class calls*/
.mainFont {
        font-family: Tahoma, Arial, Helvetica, Verdana;
        font-size: 8pt;
        color: #FFFFFF;
        font-weight: bold;
}

/*This is the background for all the stuff that appears
* in the center of the screen, like the text and various
* search boxes*/
/* ref#3 */
.centerBackGround {
	background-color: transparent;
}

/*This is a color used in places to provide spacing*/
/* ref#10 */
.spacingColor {
        background-color: transparent;
}

/*Determines the font styles used in the context-sensitive help DHTML layers.*/
/* ref#47 */
.popupText {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color: #FFFFCE;
        font-weight: normal;
}

/*The properties relevant to the main title bar.*/
/*This is the main font of the title bar*/

.titleBar {
        
}

/*The button that appears in the title bar for searching*/
/* ref#5 */
.titleSearchButton {
        font-family: Arial, Helvetica, Verdana;
        font-size: 9pt;
        color: #FFFFFF;
        background-color: #0092C0;
        font-weight: bold;
}

/*The properties for all input fields that appear in the title bar
* for searching*/
/* ref#6 */
.titleSearchInput {
        font-family: Arial, Helvetica, Verdana;
        font-size: 9pt;
        color: #000000;
        font-weight: NORMAL;
}

/*The text of the title bar relative to searching, ie the 'www'*/
/* ref#7 */
.titleSearchText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        line-height: normal;
        color: #FFFFFF;
        text-decoration: none;
}


/*Styles for the search box*/
/*The font style for the main heading text in search boxes*/
/* ref#19 */
.searchHeader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: normal;
        color: #003366;
        text-decoration: none;
}

/* ref#20 */
.searchHeaderAlt1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: normal;
        color: #000065;
        text-decoration: none;
}

/* ref#21 */
.searchHeaderAlt2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: normal;
        color: #000065;
        text-decoration: none;
}

/*The font style for the sub heading text in search boxes*/
/* ref#22 */
.searchSubHeader {
        font-family:  Arial, Helvetica, Verdana;
        font-size: 14px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        color: #003366;
        text-decoration: none
}

/*The font style for the (contrasting) heading text in search boxes*/
/* ref#23 */
.searchHeaderLight {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        color: #CCCCCC;
        text-decoration: none;
}

/*The font style for normal text in a search box*/
/* ref#24 */
.searchText {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        font-weight: normal;
}

/*The font style for small text in a search box*/
/* ref#48 */
.searchSmall {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-style: normal;
        line-height: normal;
        color: #000000;
        text-decoration: none;
}

/*The font style applied to other text in the search forms ie the 'www'*/
/* ref#25 */
.searchFormField {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        color: #000000;
}

/*The style for input fields in the search boxes*/
/* ref#26 */
.searchInput {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        color: #000000;


        font-weight: NORMAL;
}

/*The button style for buttons in the search boxes*/
/* ref#27 */
.searchButton {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        color: #FFFFFF;
        background-color: #0092C0;
        font-weight: bold;
}

/*This is the font style of the large step numbers in
* search boxes*/
/* ref#28 */
.searchStepText {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 24pt;
        color: #003366;
}

/*The font style applied to href's in the search boxes
* ie the 'multiple' domains search*/
/* ref#29 */
.searchLink {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #0092C0;
        font-weight: bold;
        text-decoration: none;
}

/*The standard background colour for searches*/
/* ref#16 */
.searchBackGround {
        background-color: #E6E6E6;
}

/*Another background color for the boxes around the search.
* This colour is used in the first box beneath the member
* login.  It can be set to the same as above for consistency*/
/* ref#17 */
.searchBackGroundAlt1 {
        background-color: #CCCCFF;
}

/*As above except for the second box, ie the one on the right*/
/* ref#18 */
.searchBackGroundAlt2 {
        background-color: #EEEEEE;
}

/*Very small text used for errors */
/* ref#38 */
.bodyVerySmall {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        color: #000000;
        font-weight: normal;
}

/*The appearance of a link in the body text*/
/* ref#39 */
.bodyLink {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #0092C0;
        font-weight: bold;
        text-decoration: none;
}

/*The footer stuff*/
/*The style applied to the text and links in the footer*/
/* ref#30 */
.footerText { font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-style: normal;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
        text-align: center;
}

/* ref#31 */
.footerLink { font-family: Tahoma, Arial, Helvetica, Verdana;
        font-size: 8pt;
        font-style: normal;
        font-weight: normal;
        color: #003366;
        text-decoration: none;
        text-align: center;
}

/* ref#32 */
.footerLinkSmall {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        font-style: normal;
        font-weight: normal;
        color: #000000;
        text-decoration: none;
        text-align: center;
}

/* ref#33 */
.footerBackGround {
        background-color: #EEEEEE;

}

/*******************************************************
* Here is the part the reseller will need to edit to get
* the step decider include to look right
*******************************************************/

/*The attributes of the step decider part on the right*/
/*The style for the number of the selected section*/
/* ref#40 */
.stepDeciderSelectedStepText {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 24pt;
        color: #CC0000;
}

/*The standard number text for non selected sections*/
/* ref#41 */
.stepDeciderStepText {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 24pt;
        color: #003366;
}

/*The first style applied to the text of the selected section.*/
/* ref#42 */
.stepDeciderSelectedText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: bold;
        line-height: normal;
        color: #CC0000;
}

/*An alternate colour applied to the selected step's text.
* This is applied to the second row of text and there after
* in the selected step*/
/* ref#43 */
.stepDeciderSelectedTextAlt {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: bold;
        line-height: normal;
        color: #336699;
        text-decoration: none;
}

/*The standard style applied to the text in the non selected steps.*/
/* ref#44 */
.stepDeciderText {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        line-height: normal;
        color: #003366;
        text-decoration: none;
}

/*The background color of the selected step*/
/* ref#45 */
.stepDeciderSelectedBackGround {
        background-color: #FFFF99;
}

/*The background colour of non selected steps*/
/* ref#46 */
.stepDeciderBackGround {
        background-color: #E6E6E6;
}

/*This is the text for the currency selector table */
/* ref#49 */
.currency
{
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        text-decoration: none;
        font-weight: bold;
        color: #000000;
}

/*This is the border color for the currency selector table */
/* ref#50 */
.currencyBorder
{
        background-color: #D4D0C8;
}

/*This is the background color for the currency selector table */
/* ref#51 */
.currencyBackGround
{
        background-color: #FFFFFF;
}


/* the following are for the pricing table: */
/* ref#52 */
.priceHead {
                        font-family: Tahoma, Arial, Helvetica, sans-serif;
                        font-size: 8pt;
                        color: #FFFFFF;
                        font-weight: normal;
                        background-color: #000099}

/* ref#53 */
.priceText {
                        font-family: Tahoma, Arial, Helvetica, sans-serif;
                        font-size: 8pt;
                        color: #336699;
                        font-weight: normal;
}

/* ref#54 */
.pricerow1
{
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color:        #CCCCFF;
}

/* ref#55 */
.pricerow2
{
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color:        #CCFFFF;
}

/* ref#56 */
.pricerow3
{
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color:        #FFCC99;
}

/* ref#57 */
.pricerow4
{
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color:        #FFCCFF;
}

/* ref#58 */
.pricerow5
{
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        background-color:        #FFCCDD;
}

/*This will be the style applied to the floating back to the top link */
.backToTop {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #CC0000;
        font-weight: normal;
}







/* Indicates if user is logged in in the Admin site. */

.adminstatus
{
        color: #ffffff;
        background-color: #ffffff;
}

/* Hyperlink styles on the Admin site. */

.adminlink
{
        color: #99ffcc;
        font-size: 14px;
        font-weight: bolder;
        text-decoration: none;
}
.adminlink:link
{
        color: #99ffcc;
}
.adminlink:visited
{
        color: #77ddaa;
}


/* heading for pricing info */
.tddatavsbl {
                        font-family: Tahoma, Arial, Helvetica, sans-serif;
                        font-size: 7pt;
                        color: #336699;
                        font-weight: bold}

/* text for pricing info */
.tddatavs {
                        font-family: Tahoma, Arial, Helvetica, sans-serif;
                        font-size: 7pt;
                        color: #000000;
                        font-weight: normal}


/* samll text in footer */
.footerSmall {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        font-style: normal;
        font-weight: normal;
        color: black;
        text-decoration: none;
        text-align: center;
}


/* Left menu links */

.on {FONT-SIZE: 9pt; COLOR: #FFFFFF; FONT-FAMILY: Arial; TEXT-DECORATION: none}
.off {FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none}

.onL {FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none}
.offL {FONT-SIZE: 11px; COLOR: #ffC000; FONT-FAMILY: Arial; TEXT-DECORATION: none}

.onY {FONT-SIZE: 12px; COLOR: #333366; FONT-FAMILY: Arial; TEXT-DECORATION: none}
.offY {FONT-SIZE: 12px; COLOR: #DD0000; FONT-FAMILY: Arial; TEXT-DECORATION: none}

.onZ {FONT-SIZE: 9px; COLOR: #CCCCCC; FONT-FAMILY: Arial; TEXT-DECORATION: none}
.offZ {FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none}

.onM {FONT-SIZE: 16px; COLOR: #336699; FONT-FAMILY: Arial;  FONT-WEIGHT: bold}
.offM {FONT-SIZE: 16px; COLOR: #999999; FONT-FAMILY: Arial;  FONT-WEIGHT: bold}

/* Added to Original CSS */
A {color:#000000; font-family: Tahoma, Arial; font-size: 8pt; text-decoration:none; visible:false}

.headerMainTable {
	background-color: white;
	
}
.left5 {
	background-color: #B1D6FF;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}
.left6 {
	background-color: #FFE5B7;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}
.left-compara {
	background-color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px none #000000;
	border-left: 1px solid #000000;
}
.left-doominio {
	background-color: #FFCC00;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

.left1 {
	background-color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

.left2 {
	background-color: #FFEEAB;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

.left3 {
	background-color: #D1F0FF;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

.left4 {
	background-color: #fff;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;

}


/*
 * Background of the whois page. Otherwise defaults to main page background
 * which is grey for the new page style
 */
.whoisBody    {
      font-family: Tahoma, Arial;
      font-size: 8pt;
      color: #000000;
      text-decoration: none;
      background-color: #FFFFFF;
      text-align: center;
}


/* 
 * the first color of the alternating color series of
 * the summary pages
 */
.summarymenutitle0 {
    cursor:pointer;
    margin-top: 2px;
    background-color:#ddeeff;
    color:#000000;
    width:440px;
    padding:0px;
    text-align:center;
    font-weight:bold;
    border-left:1px solid darkblue;
    border-top: 1px solid darkblue;
    border-right: 1px solid darkblue;
    border-bottom: 0px solid darkblue;
}

/* 
 * the second color of the alternating color series of
 * the summary pages
 */
.summarymenutitle1 {
    cursor:pointer;
    margin-top: 2px;
    background-color:#FFFAF0;
    color:#000000;
    width:440px;
    padding:0px;
    text-align:center;
    font-weight:bold;
    border-left: 1px solid darkblue;
    border-top: 1px solid darkblue;
    border-right: 1px solid darkblue;
    border-bottom: 0px solid darkblue;
}

/* 
 * the submenu page of the summary
 */
.summarysubmenu {
    margin-bottom: 0.5em;
    text-align:justify;
    border-left:1px solid darkblue;
    border-top: 1px solid darkblue;
    border-right: 1px solid darkblue;
    border-bottom: 1px solid darkblue;
}



.pricingBody    {
        font-family: Tahoma, Arial;
        font-size: 8pt;
        color: #000000;
        text-decoration: none;
        background-color: #FFFFFF;
        text-align: center;

}


.hostingComparisonTable
{
        background-color: white;
        border-top-width: thin;
        border-right-width: thin;
        border-bottom-width: thin;
        border-left-width: thin;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #000000;
        border-right-color: #000000;
        border-bottom-color: #000000;
        border-left-color: #000000;
}
.hostingPriceFeaturesTable
{
        background-color: white;
        border-top-width: thin;
        border-right-width: thin;
        border-bottom-width: thin;
        border-left-width: thin;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #000000;
        border-right-color: #000000;
        border-bottom-color: #000000;
        border-left-color: #000000;
}
.loginBorder
{
        background-color: #7F9DB9;
}



.loginControlPanel
{
        background-color: white;
}