* Custom navigation menu header styles. Only appears in header file */
/* Menu bar */
.NavMenu a:link      {color:#999999; font-family: Arial, "Franklin Gothic Demi Cond"; font-size: 10pt; text-decoration:bold; visible:false}

.NavMenu a:visited   {color:#999999; font-family: Arial, "Franklin Gothic Demi Cond";  font-size: 10pt; text-decoration:bold; visible:false}

.NavMenu a:hover     {color:#ff8200; font-family: Arial, "Franklin Gothic Demi Cond"; font-size: 10pt; text-decoration:bold; visible:false}

.NavMenu               {
	font-family: Arial, "Franklin Gothic Demi Cond";
	font-size:10pt;
	font-weight:bold;
	color:#999999;
	visible:true;
	background-color: #FFFFFF;
}


/* Menu bar with mouse over */
.NavMenuOn a:link      {color:#999999; font-family: Arial, "Franklin Gothic Demi Cond"; font-size: 10pt; text-decoration:bold; visible:false}

.NavMenuOn a:visited   {color:#999999; font-family: Arial, "Franklin Gothic Demi Cond";  font-size: 10pt; text-decoration:bold; visible:false}

.NavMenuOn a:hover     {color:#ff8200; font-family: Arial, "Franklin Gothic Demi Cond"; font-size: 10pt; text-decoration:bold; visible:false}

.NavMenuOn             {color:#999999; font-family: Arial, "Franklin Gothic Demi Cond"; 
font-size:10pt; font-weight:bold; background:#ffffff;  cursor:hand; visible:true}


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

/* All links are without decoration and become underlined on mouse hover */
/* ref#00 */
a:hover {
  TEXT-DECORATION: none;
}

/*The main background color, this appears at the top and
* of all pages*/
/* ref#1 */
.mainBackGround {
        background-color: #FFFFFF;
}

.custom01 {
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
}

.custom02 {
	color: #FFFFFF;
	font-size: 9px;
	line-height: normal;
	text-decoration: none;
}

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

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

/*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: 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: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;

}

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

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

/*The properties relevant to the main title bar.*/
/*This is the main font of the title bar*/
/* ref#4 */
.titleBar {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        color: #000000;
        font-weight: normal;
        letter-spacing:-1pt
}

/*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: #0066FF;
        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;
}

/*This is the text of the top navigation bar*/
/* ref#8 */
.topNavBar {
        font-family: Tahoma, Arial, Helvetica, Verdana;
        font-size: 8pt;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}

/*The background color of the top navigation bar*/
/* ref#11 */
.topNavBarBG {
        background-color: #FFFFFF;
}

/*The appearance of a link in the top navigation bar when it is selected
* The original layout of this was to give a 'tab' apppearance, to avoid
* this set the properties to be identical to the topNavBar ones.*/
/* ref#9 */
.topNavBarSelected {
        font-family: Tahoma, Arial, Helvetica, Verdana;
        font-size: 8pt;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #ffffff;
        text-decoration: none;
}

/*The background color of the selected link in the top
* navigation bar.  Also this is the color of the row that
* appears just below the top navigation bar*/
/* ref#12 */
.topNavBarSelectedColor {
        background-color: #ffffff;
}

/*This is the font of the little links that appear
* in the row just below the top navigation bar on certain
* pages like the member services page*/
/* ref#13 */
.topNavSubLinks {
        font-family: Tahoma, Arial, Helvetica, Verdana;
        font-size: 8pt;
        font-weight: normal;
        color: #000000;
        text-decoration: none
}

/*The left hand side navigation bar*/
/*Is here to separate from topNavBar so you can give this
* section a different look*/
/* ref#14 */
.leftNavBar {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: none;
}

/*The background color of the left navigation bar*/
/* ref#15 */
.leftNavBarBG {
background-color: #000000;



}

/*Styles for the search box*/
/*The font style for the main heading text in search boxes*/
/* ref#19 */
.searchHeader {
        font: normal 1.5em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0;
}

/* ref#20 */
.searchHeaderAlt1 {
        font-family: "Franklin Gothic Demi Cond";
        font-size: 20px;
        font-weight: normal;
        color: #999999;
        text-decoration: none;
}

/* ref#21 */
.searchHeaderAlt2 {
        font-family: "Franklin Gothic Demi Cond";
        font-size: 20px;
        font-weight: normal;
        color: #999999;
        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: 14px;
        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, Verdana;
        font-size: 9pt;
        color: #000000;
        font-weight: NORMAL;
}

/*The button style for buttons in the search boxes*/
/* ref#27 */
.searchButton {
        background: #E0691A url(/resources/images/submit.gif) no-repeat;
	border: 0;
	padding: 4px 0px 3px 0px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

/*This is the font style of the large step numbers in
* search boxes*/
/* ref#28 */
.searchStepText {
        font-family: "Franklin Gothic Demi Cond";
        font-size: 14pt;
        color: #999999;
       
}

/*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: #999999;
        font-weight: bold;
        text-decoration: none;
}

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

/*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: #dddddd;
}

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

/*The attributes of text that appears in the body
of the mainpage*/
/*The appearance of the main header in any body*/
/* ref#34 */
.bodyMainHeader {
        font: normal 1.5em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0;
}

/*The font style for the sub heading text in the body*/
/* ref#37 */
.bodySubHeader {
        font-family:  Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        color: #336699;
        text-decoration: none}

/*Standard text in a body*/
/* ref#35 */
.bodyText {
        	padding: 0; 
	margin: 0; 
	font: 8pt Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
	text-align: justify;
}

/*Small text in a body*/
/* ref#36 */
.bodySmall {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        font-weight: normal;
}

/*Small bold text in a body*/
.bodySmallBold {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #000000;
        font-weight: bold;
}

/*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:link {
  font-family: Arial;
        font-size: 11pt;
        color: #999999;
        font-weight: bold;
        text-decoration: none;
}

.bodyLink:hover {
  font-family: Arial;
        font-size: 11pt;
        color: #ff8200;
        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: Verdana, Arial, Helvetica, sans-serif; 
color: #999999;
        font-size: 8pt;
        font-style: normal;
        font-weight: normal;
        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: #999999;
        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: #999999;
        text-decoration: none;
        text-align: center;
}

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

/*******************************************************
* 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;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-style: solid;
}
.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: #FFF6E2;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;
}


/*
 * 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:#cccccc;
    color:#000000;
    width:440px;
    padding:0px;
    text-align:center;
    font-weight:bold;
    border-left:1px solid #ff8200;
    border-top: 1px solid #ff8200;
    border-right: 1px solid #ff8200;
    border-bottom: 1px solid #ff8200;
}

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

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



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

}

.loginControlPanel {

	background-color: white;
	
}

.hostingComparisonTable
{
        background-color: white;
        border-top-width: none;
        border-right-width: none;
        border-bottom-width: none;
        border-left-width: none;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #ffffff;
        border-right-color: #ffffff;
        border-bottom-color: #ffffff;
        border-left-color: #ffffff;
}
.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: #FFFFFF;
}


   
/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
	text-align: justify;
}

a {	color: #E0691A;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }

form { 	margin: 0; }

input.search { 
	width: 120px; 
	border: 0;
	background: #FFF url("http://www.delongedesign.com.au/images/input.gif") no-repeat;
	padding: 4px; 
	color: #E0691A;
	font-weight: bold;
}

input.submit {
	background: #E0691A url("http://www.delongedesign.com.au/images/submit.gif") no-repeat;
	border: 0;
	padding: 4px 0px 6px 0px;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

input.login { 
	width: 150px;
	border: none; 
	
	padding: 4px; 
}

/* layout
   ------ */

.content { 
	margin: 0 auto;
	width: 780px;
	padding: 0px; 
}

.header { 
	height: 55px;
	background: #fff;
	color: #808080;
	margin: 0px 0px 2px 0;
	padding: 0px 0 10px 0px;
	border-bottom: 0px solid #ccc;
}


.top_info {
	float: right;
	width: 300px;
	padding: 15px 0 4px 0;
	border-bottom: 0px solid #eee;
	background: #FB1821;
	color: #000;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

.browse_category  {
	font-size: 0.9em;
	width: 190px;
	color: #FFF;
	background: inherit;
}

.bar { 
	clear: both;
        font-weight: bold; 
        font: 0.95em Tahoma, sans-serif; 
	height: 30px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	background: #ff8200;
	
}

	.bar li { 
		margin: 0; 
                font: 0.95em Tahoma, sans-serif; 
		padding: 7px 12px 5px 12px;
		color: #ff8200;
		background: #ff8200;
                font-weight: bold; 
		float: right; 
	}
	
	.bar li.active { 
		background: #E0691A; 
                font: 0.95em Tahoma, sans-serif; 
		color: #fff;
		font-weight: bold; 
		padding: 7px 10px 6px 10px;
	}
	
	.bar li a { 
                font: 0.95em Tahoma, sans-serif;  
		color: #FFF; 
                font-weight: bold;
		background: inherit;
		text-decoration: none;
	} 
	
	.bar li a:hover { 
		color: #fff; 
		background: inherit;
	} 

.search_field { 
	background: #fff url(http://www.delongedesign.com.au/images/searchbglong.gif) no-repeat right; 
	color: #808080;
	clear: both;
	padding: 7px 5px 10px 10px;
	margin: 5px 0;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}

/* left side
   --------- */

.leftStuff {
	float: left;
	width: 65%;
	margin: 0 0 10px 0;
}

.leftStuff h3 {
	clear: both;
	background: #ff8200 url(http://www.delongedesign.com.au/images/corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}
	.left_side {
		float: left;
		width: 180px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(http://www.delongedesign.com.au/images/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }
	
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 34.6%;
	margin: 0 0 10px 0;
}

.right h3 {
	background: #6C757A  url(http://www.delongedesign.com.au/images/corner.gif) no-repeat top right;;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
        font-size: 10px;
}

.footer a { color: #808080; background: #fff; }