/**
* @version 1.0
* @package - beautysalon
* @date - May 30, 2007 
* @author - Unknown
* @modifications by - Hazman - www.xtremeopensource.org
* @website - www.xtremeopensource.org
* @copyright (C) - 2006 - Xtreme Open Source. All Rights Reserved.
* @license - GPL 
*/


body {
  background            : #000000;
}

tr,th,div {
  color                 : #000000;
  font-family			: Helvetica, Arial, sans-serif;
  font-size			    : 12px; 
}

.clear {
  clear                 : both;
}


#wrapper {
  width                 : 952px; /**714px;**/
  text-align            : left;
  position              : relative;
  margin                : auto;
}


#header {
  width                 : 252px;
  position              : relative;
  padding-top           : 51px;
  background            : top center url(../images/logo.jpg) no-repeat;
}


h1 {
  color                 : #FDE7C2;
  font-style            : italic;
  font-weight           : normal;
  font                  : 25px "Times new roman", sans-serif;
  text-align            : center;
  margin                : 0 0 2px 21px;
  padding               : 8px;
  background            : #991111;
  border                : 2px solid #C4B888;
}


#search {
  width                 : 148px;
  left                  : 796px; /**558px;**/
  bottom                : -2px;
  text-align            : center;
  position              : absolute;
  padding               : 6px 0;
  background            : #E8E7DA url(../images/search_top.jpg) no-repeat;
}


#body {
  width                 : 100%;
  position              : relative;
}


#content {

  width                 : 700px; /**462**/  
  min-height            : 278px;
  margin-left           : 254px;
  background            : #E8E7DA bottom right url(../images/body_bottom_right.jpg) no-repeat;
}
 

.left_column {
  width                 : 252px;
  top                   : 0;
  left                  : 0;
  position              : absolute;
  padding-top           : 292px;
  background            : url(../images/pic_1.jpg) no-repeat;
}


#center_column {
  width                 : 100%;
  float                 : left;
}

.right_column {
  width                 : 134px;
  float                 : left;
  padding               : 12px;
  border-left           : 1px solid #D6D3BA;
  background            : top right url(../images/body_top_right.jpg) no-repeat;
}

.right_column .clear {
  height                : 10px;
}

#footer {
  color                 : #E8E7DA;
  font-size             : 11px;
  margin                : 40px 0 0 260px;
}

#footer a {
  color                 : #00ff00;
}

#footer a:hover {
  color                 : #00ff00;
  text-decoration       : underline;
}


#privacy {
  width                 : 148px;
  right                 : 8px;
  text-align            : center;
  position              : absolute;
  padding               : 4px 0;
  background            : #E8E7DA bottom left url(../images/footer_tab.jpg) no-repeat;
}

#privacy a {
  color                 : #000;
  font-weight           : normal;
}


/*########## Joomla CSS ##########*/

/********** Pathway **********/
.pathway {
  font-family           : Verdana, Helvetica, Arial, sans-serif;
  font-size             : 9px;
  padding-top           : 6px !important;
  padding-top           : 7px;
  padding-left          : 4px;
}

a.pathway:link, a.pathway:visited {
  color                 : #0000cc;
  font-weight           : normal;
}

a.pathway:hover {
  color                 : #666666;
  font-weight           : normal;
  text-decoration       : none;
}


/********** MainLevel Links **********/
a.mainlevel:link, a.mainlevel:visited {
  color                 : #fde7c2;
  font                  : 18px "times new roman", serif;
  font-style            : italic;
  padding-right         : 8px;
  background            : #991111;
}

a.mainlevel:hover {
  color                 : #fde7c2;
  font-weight           : normal;
  text-decoration       : underline;
}


/********** SubLevel Links **********/
a.sublevel:link, a.sublevel:visited {
  padding-left          : 1px;
  vertical-align        : middle;
  font-size             : 11px;
  color                 : #000000;
  text-align            : left;
}

a.sublevel:hover {
  color                 : #666666; 
  text-decoration       : none;
}


/********** MainMenu Links **********/
a.mainmenu:link, a.mainmenu:visited {
  color                 : #000080; 
  font-family           : Verdana, Helvetica, Arial, sans-serif;
  font-weight           : none;
}

a.mainmenu:hover {
  color                 : #000080;
  text-decoration       : underline; 
}


/********** Other Links **********/
a:link, a:visited {
  color                 : #cc0000;
  text-decoration       : none;
}

a:hover {
  color                 : #ff0000;
  font-weight           : none;
  text-decoration       : none;
}

/********** Modules **********/
table.moduletable {
  width                 : 217px;
  margin-left           : 26px;
  margin-bottom         : 15px;
  background            : #991111;
}

table.moduletable th {
  width                 : 100%;
  font                  : 22px "times new roman", serif;
  font-style            : italic;
  font-weight           : bold;
  color                 : #ffffff;
  text-align            : left;
  text-indent           : 5px;
  letter-spacing        : 1px;
  margin                : 5px 5px 20px 5px;
}

table.moduletable ul {
  padding               : 0px;
}

table.moduletable li {
}

table.moduletable td {
  padding               : 2px 2px 2px 5px;
}


/********** Login Module **********/
table.moduletable-login {
  width                 : 217px;
  margin-left           : 26px;
  margin-bottom         : 15px;
  background            : #991111;
}

table.moduletable-login th {
  width                 : 100%;
  font                  : 22px "times new roman", serif;
  font-style            : italic;
  font-weight           : bold;
  color                 : #ffffff;
  text-align            : left;
  text-indent           : 5px;
  letter-spacing        : 1px;
  margin                : 5px 5px 20px 5px;
}

table.moduletable-login ul {
  padding               : 0px;
}

table.moduletable-login li {
}

table.moduletable-login td {
  color                 : #fde7c2;
  padding               : 2px 2px 2px 5px;
}

table.moduletable-login a {
  color                 : #999999;
  font-weight           : bold;
}

table.moduletable-login a:hover {
  color                 : #ffffff;
  text-decoration       : none;
}


/********** Poll **********/
.poll {
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 10px;
  color                 : #666666;
  line-height           : 14px;
}

.pollstableborder {
  border                : 1px solid;
  padding               : 1px;
}




/*############### CONTENT ###############*/

/***** Header for contentpaneopen *****/
.contentheading {
  font                  : 22px "times new roman", serif;
  font-style            : italic;
  font-weight           : bold;
  color                 : #991111;
  text-align            : left;
  padding-top           : 10px;
}


/***** Home, Mambo License, Blog, Lower Content for Advanced Search *****/
.contentpaneopen {
  width                 : 100%;
}

/***** Title for Blog, News Feeds, Wrapper, Links, Advanced Search, Contact Us   *****/
.componentheading {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 14px;
  font-weight           : bold;
  color                 : #000000;
  text-align            : left;
  padding-top           : 10px;
}

/***** Top Content for Getting Started, FAQs, News Feeds, Links *****/
.contentdescription {
  padding: 0px;
}

/***** Lower Content for Getting Started, FAQs, News Feeds, Wrapper, Links, Contact Us *****/
.contentpane {
  padding-top           : 10px;
}


/********** Inner Content **********/
.sectiontableheader {
  background-color      : #CCCCCC;
  color                 : #7B8DA1;
  font-weight           : bold;
}

.sectiontableentry1 {
  background-color      : #F0F0F0;
}

.sectiontableentry2 {
  background-color      : #E0E0E0;
}


/********** Rating **********/
.content_rating {
  padding               : 5px;
}


.small {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  color                 : #3366C0;
  text-decoration       : none;
  font-weight           : bold;
}

.smalldark {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  color                 : #000000;
  text-decoration       : none;
  font-weight           : normal;
}

.createdate {
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 10px;
  color                 : #999999;
  text-align            : left;
}

.button {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-style            : normal;
  font-size             : 10px;
  font-weight           : bold;
  background-color      : #F0F0F0;
  color                 : #990000;
  border                : 1px solid #CCCCCC;
}

.inputbox {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  color                 : #000000;
  background-color      : #F0F0F0;
  border                : 1px solid #CCCCCC;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 12px;
  font-weight           : bold;
  color                 : #000000;
  text-align            : left;
  text-decoration       : none;
}

a.contentpagetitle:hover {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 12px;
  font-weight           : bold;
  text-align            : left;
  color                 : #7B8DA1;
  text-decoration       : underline;
  font-weight           : bold;
}

a.category:link, a.category:visited {
  color                 : #333333;
  font-weight           : bold;
  font-size             : 11px;
}

a.category:hover {
  color                 : #7B8DA1;
}


/* Styles for dhtml tabbed-pages */
.ontab {
  background-color      : #ffae00;
  border-left           : outset 2px #ff9900;
  border-right          : outset 2px #808080;
  border-top            : outset 2px #ff9900;
  border-bottom         : solid 1px #d5d5d5;
  text-align            : center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
  font-weight           : bold;
  color                 : #FFFFFF;
}
.offtab {
  background-color      : #e5e5e5;
  border-left           : outset 2px #E0E0E0;
  border-right          : outset 2px #E0E0E0;
  border-top            : outset 2px #E0E0E0;
  border-bottom         : solid 1px #d5d5d5;
  text-align            : center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
  font-weight           : normal;
}

.tabpadding {
}

.tabheading {
  background-color      : #ffae00;
  text-align            : left;
}

.pagetext {
  visibility            : hidden;
  display               : none;
  position              : relative;
  top                   : 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
  background-color      : #f0f0f0;
}
.code {
  background-color      : #f0f0f0;
  border                : 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */
.message {
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-weight           : bold;
  font-size             : 10pt;
  color                 : #ff6600;
  text-align            : center;
}

/* Javascript Back button */
.back_button {
  text-align            : center;
  margin-top            : 40px;
}

table.contenttoc {
  color                 : #333300;
  background-color      : #ffffff;
  border                : 1px solid #333;
}

table.contenttoc td {
  font-size             : 8pt;
  font-weight           : normal;
  text-align            : left;
}
ul {
  margin                : 0;
  padding               : 5px;
  list-style            : none;
}

li {
  line-height           : 15px;
  padding-left          : 15px;
  padding-top           : 1px;
  background-image      : url(../images/arrow.png);
  background-repeat     : no-repeat;
  background-position   : 0px 5px;
}

table.searchinto {
  width                 : 100%;
}

table.searchintro td {
  background-color      : #293C43;
  color                 : #ffffff;
  font-weight           : bold;
}