/* NOTES: 



/*************Top****************/
#topContainerIntro { width: 780px; padding: 0 0; height: 40px; background: #010101 url(../images/intro/top_bg_intro.gif) no-repeat; margin-left: auto; margin-right: auto; }
#topContainer { width: 780px; padding: 0 0; height: 40px; background: #010101 url(../images/home/top_bg.gif) no-repeat; margin-left: auto; margin-right: auto; }


/*************Banner****************/
#banner { width: 750px; margin: 0px; height:220px }


/*************Header****************/
#header { height: 102px; width: 750px; background: url(../images/home/header_bg.gif) repeat-x; position:relative; }
a#leftLogo { display:block; height:94px; width:239px; margin: 0 0 0 25px; padding: 0; float:left; background: url(../images/home/logo_davidGroupCompanies.gif) no-repeat; }

#companyLogo { width:120px; height:45px; margin: 0 25px 0 0; float:right; padding: 0 0 0 0; clear:both; font-size:9px; color:#CCCCCC;}
#companyLogo a { color:#CCCCCC; text-decoration: none; }
#companyLogo a:hover { text-decoration: none; color:#999999; }	
#companyLogo .contact { margin: 0 0 0 0; height:10px; float:right; padding: 0 0 0 22px; line-height:10px; clear:both; font-size:10px; color:#FFFFFF; background: url(../images/home/contact_icon.gif) 0 0 no-repeat;} 

/*************TAB NAV Salon****************/

#tab_menu li a#salon { display:block; padding:0; margin:0; width:138px; height:39px; background: url(../images/home/tab_salon.gif) 0 0 no-repeat;}
#tab_menu li a#friends { display:block; padding:0; margin:0; width:119px; height:39px; background: url(../images/home/tab_friends.gif) 0 0 no-repeat; }
#tab_menu li a#steps { display:block; padding:0; margin:0; width:130px; height:39px; background: url(../images/home/tab_steps.gif) 0 0 no-repeat;  }


/*************SUB NAV COLOUR****************/
#sub_nav_colour { margin: 0; padding: 0; height:29px; width:750px; background: url(../images/home/sub_nav_bg.gif) repeat-x; background-color:#000000; position:relative; }



/************* NAV HOME****************/
#nav_home { height:29px; width: 750px; text-align:center; margin: 0; padding: 0; background: url(../images/home/nav_bg.gif) repeat-x; background-color:#000000; position:relative; }
#nav_home ul { margin: 0; padding: 0; list-style: none;}	
#nav_home li { display:inline; }
#nav_home li a {font-size: 11px; padding-left: 12px; padding-right: 12px; border-right: 1px solid #CCCCCC; line-height: 29px; color:#CCCCCC; font-weight: normal; text-decoration: none; }
#nav_home li a:hover, #nav_home li .active { text-decoration: none; color:#999999; }
#nav_home li.last a { padding-right: 0; border-right: none; }



/*************Wide Column****************/
#wide .pbox_linebot {  margin: 15px 40px 0 40px; padding: 0 0 15px 0; border-bottom: 1px solid #00B2FC;  }
#wide .title_linebot {  margin: 40px 40px 20px 40px; padding: 0 0 15px 0; border-bottom: 1px solid #00B2FC;  }

/***infobox small***/
#infobox_sml_tips { width:320px; height:137px; margin: 10px 15px 10px 0; padding: 0; background:url(../images/home/infobox_tips.gif) top left no-repeat; float:left; color:#CCCCCC;}
#infobox_sml_contact { width:320px; height:137px; margin: 10px 0 10px 0; padding: 0; background:url(../images/home/infobox_contact.gif) top left no-repeat; float:right; color:#CCCCCC;}
#infobox_sml_tips .pbox, #infobox_sml_contact .pbox { width: 200px;  margin: 25px 0 0 10px; float:left;  }


/*************Right Column****************/
#tabProducts { margin: 0 0 0 0; padding: 0; width: 197px; height: 38px; background: url(../images/home/brands_tab.gif) no-repeat; }
#noteMore { width: 60px; padding:0 5px 0 0; margin: 5px 8px 0 0; float:left; color: #666666; text-decoration: none; font-size:9px; background:url(../images/home/arrowNote.gif) no-repeat right center; }


/**** MISC ******/
div .more { width: 40px; padding:0; margin:10px 0 0 0; float:left; color:#999999; line-height:12px; font-size:11px; background:url(../images/home/arrowNote.gif) no-repeat right center;}
#moreInfo { width: 40px; padding:0 0 0 0; margin: 0 0 0 0; float:left; color:#999999; line-height:12px; text-decoration: none; font-size:11px; background:url(../images/generic/arrowNoteInfo.gif) no-repeat right center;}
.purple {  color:#00B2FC;  }
.fix {  color:#000000;  }


/**********HEADERS************/

/***H1***/
#topLeft h1, #wide h1 {font-size:20px; margin: 0 0 25px 0; padding: 0; line-height: 18px; font-weight: bold; color:#000000; }

/***H2***/
#topLeft h2, #wide h2 {  font-size:16px; margin: 0 0 0 0; padding: 0; line-height: 18px; font-weight: normal; color:#00B2FC;  }

#Right .pbox h2 {font-size:12px; margin: 0 0 0 0; padding: 0 0 0 0; font-weight: normal;text-transform:uppercase; color:#333333; }	

/***H3***/
#topLeft h3, #wide h3 {font-size:14px; margin: 0 0 4px 0; padding: 0; line-height: 12px; font-weight:normal; color:#00B2FC; }

/***NO SPACE***/
#topLeft h1.nospace, #topLeft h2.nospace, #topLeft h3.nospace { margin-bottom:4px; } 
#wide h1.nospace, #wide h2.nospace, #wide h3.nospace { margin-bottom: 1px; }


/**** Content Area ******/ /* color, image, repeat, attachment (eg fixed or scroll), position (eg top center): */
#content_intro{ margin: 0; width:750px; padding:0; background: #000000; }
#content { margin: 0; width:750px; padding:0; background: #fff url(../images/home/bg_content.gif) repeat-x top center; }

#bot_bg { margin: 0; width:750px; padding:0; background-color:#FFFFFF; }
#bot_bg_intro { margin: 0; width:750px; padding:0; background-color:#000000; }

#enter { padding:0; margin: 20px 0 0 0; position:relative;}
a#enter_steps { width:205px; height:197px; float:left; padding:0 0 0 0; margin: 0 0 0 10px ; background: #fff url(../images/home/enter_icon_steps.gif) no-repeat top center;  }
a#enter_friends {  width:205px; height:197px; float:left; padding:0 0 0 0; margin: 0 10px 0 10px; background: #fff url(../images/home/enter_icon_friends.gif) no-repeat top center;  }
a#enter_salon {  width:205px; height:197px; float:left; padding:0 0 0 0; margin: 0 10px 0 0; background: #fff url(../images/home/enter_icon_salon.gif) no-repeat top center;  }

/********** BORDERS AND DIVIDERS ************/
div .divider { display:block; height:1px; margin: 0 40px 0 40px; padding:0; border-bottom: 1px solid #00B2FC; border-bottom-width:1px; position:relative; }


/********** FOOTER ************/
#footer_wrapper { margin: 0; width:750px; padding:0; background-color:#FFFFFF; position:relative; }