/*
	============================================================
	 DOT NET PAGES STYLES
	============================================================
	 This file contains all the styles that are used in the
	 .NET controlled pages.
	
	 This will ensure that none of our CSS gets mixed up.
	============================================================	
*/

/*****************************************/
/* CLASS FOR THE CENTER DIV THAT SCROLLS */
/*****************************************/
#fullpagecontent {
	width: 978px;   /* 1014 */
	height: 577px;  /* 613  */
	padding: 18px;
	overflow-x: hidden;
	overflow-y: auto;
}
#centeringframe {
	overflow:hidden;
}
/***************/
/* SPLASH PAGE */
/***************/
#welcomeimage {
	padding: 0 0 10px 0;
}

/***************/
/* LOGIN STUFF */
/***************/
.loginbox {
	background-color: #F6F6F6;
	width: 293px;
	margin: 0 auto 10px auto;
}
.loginform {
	font-size: 11px;
	padding: 5px 5px 5px 9px;
	color: #5F5F5F;
}
.loginformelement {
	line-height: 18px;
}
.logintitle {
	font-size: 16px;
	font-weight: bold;
	background-color: #EAEAEA;
	color: #5F5F5F;
	padding: 6px 5px 6px 9px;
	display: block;
}
.logindescription {
	font-size: 13px;
	font-weight: normal;
	color: #5F5F5F;
	padding: 4px 5px 4px 9px;
	display: block;
}
.loginzoom {
	font-size: 16px;
	width: 200px;
	font-weight: normal;
	color: #5F5F5F;
	padding: 4px 5px 4px 9px;
	display: block;
}
.logininput {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 11px;
	color: #5F5F5F;
}
.loginsubmitbutton {
	font-size: 13px;
	color: #646464;
	background: #FFF url(images/background_form_buttons.jpg) repeat-x;
	width: 97px;
	height: 23px;
	border: 1px solid #B2B2B2;
	margin: 5px 5px 5px 0;
	float: right;
}


/****************************/
/* CATEGORY SELECTION STUFF */
/****************************/
.categoryselectionbox {
	background-color: #F6F6F6;
	width: 328px;
	height: 254px;
	text-align: center;
	color: #4A4A4A;
	font-size: 16px;
	font-weight: bold;
	margin: 0 80px 0 80px;
	padding-top: 10px;
}
.categoryselectionbox img {
	border: 1px solid #E2E2E2;
	margin: 13px 13px 5px 13px;
}

/**********************/
/* ROOM CHOOSER STUFF */
/**********************/
.roomchooserbox {
	background-color: #F6F6F6;
	text-align: center;
	font-size: 9px;
	color: #4A4A4A;
	width: 158px;
	height: 137px;
	margin: 10px;
	padding: 5px 0 0 0;
}
.roomchooserbox img {
	width: 148px;
	height: 100px;
	padding: 5px 5px 2px 5px;
}

/********************/
/* LOAD DESIGN STUFF*/
/********************/
.roomloadbox {
	background-color: #F6F6F6;
	text-align: center;
	font-size: 9px;
	color: #4A4A4A;
	width: 158px;
	height: 148px;
	margin: 15px;
	padding: 4px 0 0 0;
}
.roomloadbox .loadimg {
	margin: 4px;
	width: 148px;
	height: 118px;
	border: 1px solid #C1C1C1;
}
.roomloaderase {
	margin-top: -47px;
	margin-right: -115px;
	width: 35px;
	height: 35px;
	z-index: 999;
	display: block;
	cursor: pointer;
}
.bigbutton {
	background: #FFF url(images/big_button_background.jpg) repeat-x;
	width: 158px;
	height: 43px;
	border: 1px #B2B2B2 solid;
	text-align: center;
	font-size: 16px;
	color: #646464;

}
.bigbutton:hover {
	background: #FFF url(images/big_button_background_ov.jpg) repeat-x;
}

/********************/
/*  SUMMARY STYLES  */
/********************/

table { border-collapse: collapse; padding: 0; margin: 0; }
tr { padding: 0; margin: 0; }
td { text-align: left; padding: 5px 0 5px 0; margin: 0; }
th { text-align: left; padding: 0 0 5px 0; margin: 0; border-bottom: 1px #000 solid; }
.underline { border-bottom: 1px #C6C6C6 solid; }
#designsummary {
	width: 600px;
	float: left;
	margin: 5px 10px 0 0;
}
#businessinfo {
	width: 350px;
	float: left;
	margin: 5px 0 0 0;
}
.printinformation {
	font-size: 11px;
	margin: 10px 0 18px 0;
}
#printtitle {
	display: inline;
	font-size: 22px;
	font-weight: bold;
}
#printtelephone {
	float: left;
	width: 175px;
}
#printfax {
	float: right;
	width: 175px;
}
#printsummarytable {
	width: 590px;
	margin-top: 5px;
	z-index: 9999;
	/*border: 1px solid #ECECEC;*/
}
.tabledescription {
	width: 360px;
}
.tableimage {
	width: 100px;
	text-align: center;
}
.tableimage img {
	padding-right: 8px;
	width: 58px;
	height: 58px;
}
.descriptiontext {
	font-size: 11px;
	color: #545454;
}
#printcontact {
	width: 175px;
	float: left;
}
#printemail {
	width: 175px;
	float: right;
}
.printheader {
	 text-align: left; 
	 padding: 0 0 5px 0; 
	 margin: 0; 
	 border-bottom: 1px #000 solid; 
}

/*******************/
/*  FOOTER BUTTON  */
/*******************/
.aboutimage {
    position: relative;
    top: 10px;
    left: 735px;
}
.footerlink {
	color: #8B8B8B;
	font-size: 10px;
	text-decoration: none;
	position: relative;
	left: 500px;
	top: 10px;
}
	a {
		color: #00A1E1;
	}
	a:hover {
	    text-decoration: none;
	}
    h6 {
	    font-size: 14px;
	    font-weight: bold;
	    display: inline;
	    color: #818181;
    }
    .aboutPopup {
	    position: absolute;
	    border-top: 2px #FFF solid;
	    border-left: 1px #DADADA solid;
	    border-bottom: 1px #DADADA solid;
	    border-right: 1px #DADADA solid;
	    background-color: #FFF;
	    width: 1014px; /* 1016 */
	    height: 198px; /* 199 */
	    z-index: 999;
    }
    #abouttitle {
	    text-align: center;
	    height: 32px; /* 44 */
	    border-top:  4px #DADADA solid;
	    padding: 12px 0 0 0;
    }
    .aboutclose {
	    position: relative;
	    top: -12px;
	    left: -12px;
	    float: right;
	    cursor: pointer;
    }
    #aboutcontent {
	    clear: both;
	    color: #818181;
	    font-size:  11px;
	    margin: 0 10px 0 10px;
	    padding: 10px 0 0 0;
	    border-top: 1px #DADADA solid;
	    border-bottom: 1px #DADADA solid;
	    width: 992px;
	    height: 107px;
    }
    #aboutfooter {
	    margin: 0 10px 0 10px;
	    width: 992px;
	    padding: 8px 0 0 0;
	    font-size: 11px;
	    color: #818181;
	    text-align: center;
    }