/* SHOP4ME PROFESSIONAL SKIN STYLES | Copyright 2010 */

html, body
{
    height: 100%;
    width: 100%;
    padding: 0px;
    background-color:#ffffff;
    font-family: Century Gothic;
    font-size: 11px;
}
tr,td,p
{
    font-family: Century Gothic;
    font-size: 11px;
}
body
{
    margin: 0px;

}
a
{
    text-decoration: none;
    color: #5f97ff;
}
a.hover
{
    text-decoration: none;
    color: #387eff;
}
a.visited, a.link, a.active
{
    text-decoration: none;
    color: #5f97ff;
}

a.footer_links:hover
{
    text-decoration: none;
    color: #ACACAC;
}
a.footer_links,a.footer_links:visited, a.footer_links:link, a.footer_links:active
{
    text-decoration: none;
    color: #6E6E6E;
}
.bc_links
{
    text-decoration: none;
    color: #8F8F8F; font-weight:bold;
}
a.bc_links:hover
{
    text-decoration: none;
    color: #8F8F8F;
}
a.bc_links:visited, a.bc_links:link, a.bc_links:active
{
    text-decoration: none;
    color: #575757;
}
/* DATE PICKER */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(design/Calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/* MASTER PAGE STYLES */
#ph_design_page
{
    width: 1000px;
    height: 600px;
    margin: 0 auto;
}
#ph_design_top
{ 
    width:1000px; 
    height:241px;
}
.ph_design_topleft
{
    background-position: top;
    width: 11px;
    height: 241px;
    background-repeat: no-repeat;
    background-image: url('../design/top_left.jpg');
}
.ph_design_topmiddle
{
    width:974px; 
}
#top_container1
{
    background-color: #ffffff;
    width: 100%;
    height: 63px; top:0px; margin-top:0px;
}
#top_container2
{
  width: 980px; height:29px;     
  background-repeat: repeat-x;
  background-image: url('../design/menu_bg.jpg');
}
#top_container3
{
  width: 980px; height:143px; background-color:#ffffff;
}
#top_container4
{
  width: 980px; height:6px;
  background-repeat: repeat-x;
  background-image: url('../design/slide_shadow.jpg');
}
#ph_design_logo
{
    width: 308px; height:63px; top:0px; position:absolute; margin-left:0px;
}
#ph_design_links
{
  width: 670px; height:63px; text-align:right; top:0px;position:absolute; margin-left:308px;
}
#ph_design_form1
{
  width: 100%; 
  color:#666666;  
}
.header_link_container
{
    width: 134px;
    height: 25px;
    text-align: left;
    float: left;
    padding-top: 7px;
    padding-left: 15px;
    background-image: url('../design/menu.jpg');
    background-repeat: no-repeat;
    color: #EBEBEB;
}
.header_link_container:hover
{
    width: 134px;
    height: 25px;
    text-align: left;
    float:left; cursor: hand;
    background-image: url('../design/menu_over.jpg');
    background-repeat: no-repeat; color:#ffffff;
}
.header_link_container_b
{
    width: 114px;
    height: 25px;
    text-align: left;
    float: left;
    padding-top: 7px;
    padding-left: 15px;
    background-image: url('../design/menu_b.jpg');
    background-repeat: no-repeat;
    color: #EBEBEB;
}
.header_link_container_b:hover
{
    width: 114px;
    height: 25px;
    text-align: left;
    float:left; cursor: hand;
    background-image: url('../design/menu_b_over.jpg');
    background-repeat: no-repeat; color:#ffffff;
}
.ph_design_topright
{
    background-position: top;
    width: 15px;
    height: 241px;
    background-repeat: no-repeat;
    background-image: url('../design/top_right.jpg');
}
.ph_design_left
{
    width: 11px;
    background-repeat: repeat-y;
    background-image: url('../design/left.jpg');
}
.ph_design_middle
{
    width:974px; 
}
.ph_design_right
{
    width: 15px;
    background-repeat: repeat-y;
    background-image: url('../design/right.jpg');
}
#ph_design_leftcol
{
    width:243px;
    float:left;
    padding-left:5px; vertical-align:top;
}
.ph_design_leftcol_header
{
    width:248px; height:23px;
    float:left;
    background-repeat: no-repeat;
    background-image: url('../design/bar_1.jpg'); color:#ffffff; font-weight:bold; padding-left:20px; margin-top:10px; padding-top:5px;
}
#ph_design_maincol
{
    width:680px; padding-left:10px; padding-right:10px; background-color:#ffffff;
    float:right; vertical-align:top;
}
.ph_design_footer_contents
{
    color:#ACACAC; text-align:center;
}
.ph_design_bottom
{
    width: 1000px; height:14px;
    background-repeat: no-repeat;
    background-image: url('../design/bottom.jpg');
}

#tab1
{
    background-image: url('../design/tab1_normal.jpg');
    background-repeat: no-repeat;
    height: 162px;
    width: 235px;
}
#tab1:hover
{
    background-image: url('../design/tab1.jpg');
    background-repeat: no-repeat;
}
#tab2
{
    background-image: url('../design/tab2_normal.jpg');
    background-repeat: no-repeat;
    height: 163px;
    width: 234px;
}
#tab2:hover
{
    background-image: url('../design/tab2.jpg');
    background-repeat: no-repeat;
}
#tab3
{
    background-image: url('../design/tab3_normal.jpg');
    background-repeat: no-repeat;
    height: 162px;
    width: 234px;
}
#tab3:hover
{
    background-image: url('../design/tab3.jpg');
    background-repeat: no-repeat;
}
#tab4
{
    background-image: url('../design/tab4_normal.jpg');
    background-repeat: no-repeat;
    height: 163px;
    width: 234px;
}
#tab4:hover
{
    background-image: url('../design/tab4.jpg');
    background-repeat: no-repeat;
}
/* TEXT STYLES */

.txt_warning
{
    color: #FF6600;
    font-weight: bold;
}
.txt_error
{
    color: #b32d34;
    font-weight: bold; 
    font-size:10px;
}
.validator_error
{
    color: #b32d34;
}
.asterisk_error
{
    color: #b32d34;
    font-weight: bold;
    font-size: 14px;
}

.villa_title
{
    font-size: 14px;
    color: #383838; font-weight:bold;
}
.villa_title:hover
{
    color: #707070;
}
.villa_char
{
    font-size: 11px;
    color: #666666;
}
/* LINKS */
.header_link, .header_link:active, .header_link:link, .header_link:visited
{
    color: #FFFFFF;
    font-size: 12px;
}

/* IMAGE STYLES */

.image_text_align
{
    vertical-align: middle;
}
.photo_frame
{
    border-style:groove; border-color:#666666;
}

/* FORM STYLES */

.frm_nostyles
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}
.frm_legend, .frm_legend_2
{
    font-size: 11px;
    text-align: right;
    vertical-align: top;
}
.frm_legend_req, .frm_legend_req_2
{

    font-size: 11px;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
}
.frm_data, .frm_data_2
{
    font-size: 11px;
    text-align: left;
    vertical-align: top;
}

.txtbox
{
    border: thin solid #cbd4ed;
    background-color: #FFFFFF;
    font-size: 11px;
    padding: 2px;
}
.txtbox:hover
{
    border: thin solid #939393;
    background-color: #FDFDFD;
}
.txtbox:focus
{
    border: thin solid #FF3300;
    background-color: #FDFDFD;
}
.selectbox
{
    border: thin solid #cbd4ed;
    background-color: #FFFFFF;
    font-size: 11px;
    padding: 2px;
}
.selectbox:hover
{
    border: thin solid #939393;
    background-color: #FDFDFD;
}
.selectbox:focus
{
    border: thin solid #FF3300;
    background-color: #FDFDFD;
}
.txt_subtitle
{
    font-family: 'Courier New';
    font-size: 20px;
    color: #C0C0C0;
}
/* FORM PANELS */

.form_fieldset
{
    border: thin solid #EAEAEA;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 2px;
}
/* FORM ACTION BUTTONS */

.btn_search
{
    border: thin solid #3f5469;
    background-color: #cccccc;
    color:#FFFFFF; font-weight:bold;
}
.btn_save
{
    border: thin solid #596278;
    background-color: #7b9df4;
    color:#FFFFFF; font-weight:bold;
}
.btn_cancel
{
    border: thin solid #3f5469;
    background-color: #c0cceb;
    color:#FFFFFF; font-weight:bold;
}
.btn_send
{
    border: thin solid #ff3000;
    background-color: #e65837;
    color:#FFFFFF; font-weight:bold;
}

/* DATA LISTS - DATA BOXES */

.dl_pages
{
    border: 1px none #E4E7FC;
    background-color: #ffffff;
    background: #ffffff;
}
.dl_pages_item
{
    width: 250px;
    height: 300px;
    vertical-align: top;
}
.dl_pages_alternate
{
    width: 250px;
    height: 300px;
    vertical-align: top;
}
.dl_pages_line1
{
    background-color: #f7f7f7;
}
.dl_pages_line2
{
    background-color: #ededed;
}

/* SLIDESHOW PLUGIN */

#slideshow {
    position:relative;
    height:143px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.grid2
{
    border: 0px;
    font-size: 10px;
    padding: 5px;
    width: 100%;
}
.grid2_header
{
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
background-color: Transparent;
}
.grid2_footer
{
background-color: Transparent;
    color: #000000;
}
.grid2_pager
{
    color: #000000;
    text-align: center;
}
.grid2_empty
{
    color: #FF6600;
background-color: Transparent;
    font-weight: bold;
    text-align: center;
}
.grid2_row
{
background-color: Transparent;
    color: #000000;
    height: 80px;
    vertical-align: middle;
}
.grid2_alternate
{
background-color: Transparent;
    color: #000000;
    height: 80px;
    vertical-align: middle;
}