body { padding: 0; margin: 0 }
h1 { font-size: 14px; display: inline; font-weight: bold;}
h2 { display: inline;font-size: 11px;font-family: Arial, Verdana, sans-serif;color: #FF0000; font-weight: bold }
h3 { display: inline;font-size: 11px;font-family: Arial, Verdana, sans-serif;color: #000000; font-weight: bold }
h4 { display: inline;font-size: 11px;font-family: Arial, Verdana, sans-serif;color: #000000; font-weight: normal }
h5 { display: inline;font-size: 11px;font-family: Arial, Verdana, sans-serif;color: #656565; font-weight: bold }
h6 { display: inline;font-size: 11px;font-family: Arial, Verdana, sans-serif;color: #656565; font-weight: normal }

.NoPadding  {padding: 0px !important; }

.titleheight{
	height:42px;
}

.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 
{
	font-size: 11px;
	font-family: Arial;
	color:#808080;
	}
.ws8_b 
{
	font-size: 11px;
	font-family:Arial; 
	font-weight:bold;
	color:#808080;
	}	
.ws8_1 
{
	font-size: 11px;
	font-family:Arial;	
	}
.ws12_b 
{
	font-size: 16px;
	font-family:Arial;
	font-weight:bold;
	color:#808080;
	}		
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}

body {margin: 0px}    

body,table,input,select,td {font-family: sans-serif; font-size: 12px;  font-color: #ffffff}


a.style1:link{color:#84ACFF;text-decoration: none;}
a.style1:visited{color:#84ACFF;text-decoration: none;}
a.style1:active{color:#84ACFF;text-decoration: none;}
a.style1:hover{color:#FF9900;text-decoration: none;}

div#container
{
	position:relative;
	width: 742px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
}


input.btn
{
	color: blue;
	font-family: 'trebuchet ms' ,helvetica,sans-serif;
	font-size: 84%;
	font-weight: bold;
	background-color: #fed;
	border: 1px solid;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
}
input.invisibleBtn
{
	display:none;
	visibility:hidden;
}


.LoadingIndicator
{
    position:absolute;
    top:21px;
    left:335px;
    z-index: 99999;
	
}
.LoadingIndicatorInPopUp
{
	position:relative;
	top:600px;
	left:0px;
	z-index: 99999;
}
.LoadingIndicatorNotVisible
{
	position:absolute;
	top:50px;
	left:500px;
	visibility:hidden;
}
.CamControl
{
	background-color:#F2F2F2;
	width:100%;
	
}
/*  Splash Screen */
#header {
	background: #234C8D;
	width: 100%;
	height: 56px;
}
#headersplash {
	background: #234C8D;
	width: 100%;
	height: 56px;
}
#headershadow {
	background: url(images/headershadow.jpg) repeat-x;
	width: 100%;
	height: 9px;
}
#extramenu {
	position: relative;
	top: 15px;
	width: 178px;
	float: right;
}
#headerimages {
	width: 549px;
	float: left;
}
#maincontent {
	margin: 15px auto 0 auto;
	width: 996px;
}
#welcometext1
{
        width: 727px;
		height: 50px;
	    padding: 10px;
	    font-family: Arial, Verdana, Sans-Serif;
	    font-size: 14px;
	    vertical-align: bottom !important;
    
}

.welcomelabel
{
       
}
#welcomeimage
{
        width: 727px;
		height: 210px;
}
#welcomebottom
{
   
        width: 727px;
		height: 50px;
		padding: 10px;
}
#welcometext2
{
    visibility:hidden;
}
#welcomebutton
{
        width: 140px;
		height: 50px;
		
}
.Center
{
	text-align:center;
}
.LeftArrow
{
	float: left;
}
.RightArrow
{
	float: right;
}
.roomtype {
	width: 245px;
	float: left;
	height: 359px;
	margin: 1px
}
*> .roomnav {
	position: relative;
	top: 12px;
	left: 11px;
	width: 225px;
}
* html .roomnav {
	position: relative;
	top: 7px;
	left: 11px;
	width: 225px;
}
.navmenu {
	padding: 0 0 7px 0;
}
.types {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 20px;
	text-align: center;
	width: 177px;
	height: 26px;
	float: left;
}

/* TEXT ELEMENTS */




/* IMAGE ELEMENTS */
.roomtypeimg {
	position: relative;
	left: 11px;
	top: 5px;
}

/*  End Splash Screen */
.Hidden {
	height:0px;
	visibility:hidden;
	display:none;
}
.LoginPanel {
	position: absolute;
	top: 0px;
	left: 850px;
	z-index: 1000;
	width: 150px;
	height: 150px;
	background-color: aqua;
	border-style: outset;
	border-color: Black;
}
.PopupPanel {
	position:absolute;
	visibility:hidden;
	/*display:none;*/
}	
.bluelink {
    display: block;
    padding-left: 7px;
    font-weight: bold;
    font-size: 10px;
    background: url(images/link_bluearrow.jpg) no-repeat 0px 3px;
    text-transform: uppercase;
    color: #122953;
    font-family: arial, verdana, sans-serif;
    text-decoration: none;
}
.bluelink:hover {
    text-decoration: underline
}
.uppArrowLink {
    text-decoration: none;
    background: url(images/link_bluearrow_up.jpg) no-repeat 0px 3px;
    color: #122953;
    border: none;
    cursor: pointer;
    display: block;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    font-size: 10px;
    padding: 0;
    margin: 0;
}
/* ###################### */
/*     HEADER CLASSES     */
/* ###################### */

#headerwrapper {
	background: url(images/header.jpg) no-repeat;
	width: 1014px;
	height: 53px !important; 
	padding: 0 0 5px 0;
}
#headerwrappersplash {
	background: url(images/header.jpg) no-repeat;
	width: 1014px;
	height: 53px !important; 
	padding: 0 0 5px 0;
}
#headerprivacystatement {
	background: url(images/header.jpg) no-repeat;
	width: 600px;
	height: 10px !important; 
	padding: 0 0 5px 0;
}
/* ###################### */
/*  MAINCONTENT CLASSES   */
/* ###################### */
#maincontent {
	height: 615px;
	margin:0 0 0 0 !important;
	width: 1014px;
}
	#leftarea {		
		width: 181px;
		height: 595px;
		float: left;
		background: url(images/main/leftmenu_background.jpg) no-repeat;
		padding: 10px;
	}
	#leftareahack 
	{
		position: absolute;
		top: 58px;
		left: 6px;
		width: 181px;
		height: 595px;
		background: url(images/main/leftmenu_background.jpg) no-repeat;
		padding: 10px;
	}
	
	#centerarea {
		width: 605px;
		height: 615px;
		float: left;
		padding:0 0 0 0 !important;
	}
		#stepmenu {
			background: #ffffff;
			height: 43px;
			margin-bottom: 2px;
		}
		#planner{
			background: #ffffff;
			height: 445px;
			margin-bottom: 4px;
		}
		#plannermenu {
			background: #ffffff;
			height: 33px;
			margin-bottom: 6px;
		}
			#chooserleft {
				width: 18px;
				height: 57px;
				padding: 27px 0 0 0;
				float: left;
			}
			#chooserscroller {
				width: 549px;
				height: 84px;
				float: left;
				overflow: hidden;
			}
				#scrolling {
					width: 350%;
				}
					#scrolling ul {
						padding: 0;
						margin: 0;
						list-style: none;
					}
					#scrolling li {
						float: left;
						padding: 0;
						margin: 0;
					}
			#chooserright {
				width: 18px;
				height: 57px;
				padding: 27px 0 0 0;
				float: right;
			}
	#designlistDiv 
			{
			   width:580px;
			   height:100px; 
			   overflow: auto; 
			}
	#rightarea {
		width: 184px !important;
		margin:0 0 0 0 !important;
		height: 615px;
		float: left;
	}
		#infobox {
			background: url(images/main/infobox_background.jpg) no-repeat;
			height: 473px;
			padding: 10px;
		}
			#accordion {
				font-family: Arial, Verdana, sans-serif;
				font-size: 11px;
				clear: both;
			}
				.display {
					background: url(images/accordion_headerbackground.jpg) no-repeat;
					width: 150px;
					height: 13px;
					padding: 4px 0 2px 7px;
				}
				.stretcher {
					width: 152px;
					background: #F3F3F3;
				}
				.stretchercontent {
						margin: 7px;
				}
				.rightpic {
					width: 162px;
					/*height:108px;*/
					text-align:center;
					vertical-align:middle;
					
				}
		#helpbox 
		{
            background: url(Images/main/helpbox_background.jpg) no-repeat;
            width: 169px; /* 184 */
            height: 107px; /* 117 */
            padding: 5px 5px 5px 10px;
            margin-top: 5px;
		}

	/* Hackish spacer - not elegant but it works */
	.splittersix { width: 6px; float: left; color: #FFFFFF }

#fullwidtharea
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 994px;
    padding-top: 10px;
    height: 595px;
}
#containerbox
{
	width: 600px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 25px;
    text-align: center;
}
.roomboxes
{
	padding: 10px;
    background: url(images/roomselectorfiles/box_background.jpg) no-repeat;
    float: left;
    width: 202px;
    height: 377px;
}
.theswitcher
{
    font-weight: bold;
    font-size: 11px;
    color: #656565;
    padding-top: 5px;
    font-family: arial, verdana, sans-serif
}
.leftswitcher
{
    FLOAT: left;
    WIDTH: 22px
}
.switchertext
{
    FLOAT: left;
    WIDTH: 158px;
    PADDING-TOP: 7px;
    HEIGHT: 19px
}
.rightswitcher
{
    FLOAT: right;
    WIDTH: 22px
}
.roomimage
{
    BORDER-RIGHT: #595959 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #595959 1px solid;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #595959 1px solid;
    WIDTH: 198px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #595959 1px solid
}
#centeredloginpage
{
    MARGIN: 0px auto;
    WIDTH: 474px
}
.formcontainer
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 33px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 10px;
    width: 441px
}
.logininput
{
    BORDER-RIGHT: #e7e7e7 1px solid;
    BORDER-TOP: #e7e7e7 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND: #fafafa;
    BORDER-LEFT: #e7e7e7 1px solid;
    BORDER-BOTTOM: #e7e7e7 1px solid;
    FONT-FAMILY: Arial, Verdana, sans-serif
}
.loginlabel
{
    DISPLAY: inline;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000 !important;
    FONT-FAMILY: Arial, Verdana, sans-serif
}
#splash
{
    MARGIN: 50px auto;
    WIDTH: 727px;
    height: 595px;
}
.marginleft35
{
    MARGIN-LEFT: 29px
}
.padding10
{
    DISPLAY: block
}
.splittersix
{
    FLOAT: left;
    WIDTH: 6px;
    COLOR: #ffffff
}

#divprivacystatement
{
	BORDER: #595959 1px solid;
	position:absolute;
	right:250px;
	top:100px;
	width:600px;
	height:300px;
	background-color:white;
}

#linkprivacystatement
{
	cursor: hand;
}

/* ###################### */
/*         FOOTER         */
/* ###################### */
#footer 
{
	margin:0 0 0 0 !important;
	position: relative;
	top: 8px;
	clear: both;
	width: 1014px;
	height: 21px;
	text-align: right;
	background: url(images/footer.jpg) no-repeat;
}
#footersplash 
{
	margin:0 0 0 0 !important;
	position: relative;
	top: 8px;
	clear: both;
	width: 1014px;
	height: 21px;
	background: url(images/footer.jpg) no-repeat;
}

/* ********************** */
/* PRINT                  */
/* ********************** */
/* CSS FOR THE PRINT AREAS */
#headerprint {
}
td.headerbg
{
    height:45px;
    background: url(Images/header.jpg) no-repeat;
}
#close {
	width: 38px;
	height: 45px;
}
@media screen {
	#maincontentprint {
		width: 792px;
		height: 555px;/*soul*/
		overflow: auto;		
	}
}
@media print {
	#maincontentprint {
	overflow:visible;
	}
} 
.productcoderow {
	width: 92px;
	background: url(images/summary/th_background_left.jpg) no-repeat;
}
.imagerow{
	width: 70px;
	background: url(images/summary/th_background_center.jpg) repeat-x;
}
.descriptionrow {
	text-align: left;
	width: 233px;
	background: url(images/summary/th_background_center.jpg) repeat-x;
}
.unitpricerow {
	width: 72px;
	background: url(images/summary/th_background_center.jpg) repeat-x;
}
.qtyrow {
	width: 44px;
	background: url(images/summary/th_background_center.jpg) repeat-x;
}
.pricerow {
	width: 64px;
	background: url(images/summary/th_background_right.jpg) no-repeat;
}
.PrintButton 
{
	src:url(images/summary/btn_print.jpg);
}
.PrintOverButton 
{
	src:url(images/summary/btn_print_ov.jpg);
}
.rightroombox {
	width: 745px;
}
				.roomslist {
					width: 688px;
					height: 525px;
					padding: 10px;
					background: url(images/roomselectorfiles/mainbackground.jpg) no-repeat;
					
				}
				#theoverflow {
					width: 688px;
					height: 525px;
					overflow: auto;
				}
					.aroom {
						background: url(images/roomselectorfiles/roombackground.jpg) no-repeat;
						border: 1px #000000 solid;
						width: 145px;
						padding: 5px;
						margin: 4px;
						float: left;
					}
						.roomdesc {
							height: 90px;
							overflow: auto;
						}
				.mydesigns {
					background: url(images/roomselectorfiles/left_background.jpg) no-repeat;
					width: 223px;
					height: 238px;
					padding: 10px;
				}
.mydesignsList
{
	width:190px;
	font-size:12px;
	font-weight:bold;
	color:#122953;
	margin-top:5px
}
.containerbox 
{
	padding: 25px 0 0 0;
}
.leftroombox {
	float: left;
}
.fromscratch {
	background: url(images/roomselectorfiles/fromstartbackground.jpg) no-repeat;
	width: 223px;
	height: 95px;
	padding: 10px;
	margin-bottom: 9px;
}
.SavePanel {
	position:absolute;
	background: url(images/main/infobox_background.jpg) no-repeat;
	width: 170px !important;
	margin: 0 0 0 0 !important;
	Left: 824px !important;
	height: 473px !important;
	padding: 10px;
	top:58px !important;
	z-index:5;
}
.RightLoginPanel {
	position: absolute !important ;
	background: url(images/main/infobox_background.jpg) no-repeat;
	width: 170px !important;
	margin: 0 0 0 0 !important;
	Left: 824px !important;
	height: 473px !important;
	padding: 10px;
	top:58px !important;
	z-index:100 !important;
}

.LoadPanel
{
	position:absolute;
	background: url(images/main/itemchooser_background.jpg) no-repeat !important;
	width: 590px !important;
	margin:0 0 0 0 !important;
	Left: 213px;
	height: 97px;
	padding: 10px;
	top:556px !important;
	z-index:5;
}
.loadbox 
{
	height: 50px;
	margin: 10px;
}
.LoginBackButton {
	position:relative;
	margin-left: auto;
	padding: 5px;
}
.LoginName
{
	position:relative;
	margin-left: auto;
	padding: 5px;
}
.logoutlink {
	position: relative;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: White;
	font-weight:bold;
}
.logouttext 
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: White;
	font-weight:bold;
}
.printtitle {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
}
.printdescription {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #9C9C9C;
}
#itemchooser 
{
	position:absolute;
	background: url(images/main/itemchooser_background.jpg) no-repeat;
	width: 590px !important;
	margin:0 0 0 0 !important;
	Left: 213px;
	height: 97px;
	padding: 10px;
	top:556px !important;
	/*
	background:url(images/main/itemchooser_background.jpg) no-repeat;
	width: 593px;
	height: 110px;
	padding: 7px 0 0 12px;
	
	position: relative;
	top: 3px;*/
}
.itemchoosermodder {
	position: relative;
	top: 4px;
	height: 95px;
	width: 580px;
}
.itemThumbnail {
}
	
.loadText 
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #42A7C5;
}
.logtable
{
	width:441px;
}
.logtdleft
{
	width:120px;
}
.logtdleft2
{
	width:100px;
}
.logtdleft3
{
	width:20px;
}
.logtdright
{
	width:150px;
	text-align:right;
	vertical-align:bottom;
}
#cam3dfront{
	width: 605px;
	height: 30px;
}
#cam3dtop{
	width: 605px;
	height: 30px;
}
#cam2dfront{
	width: 605px;
	height: 30px;
}
#cam2dtop{
	width: 605px;
	height: 30px;
}
.bordertitle {
	text-align: left;
	border-bottom: 1px #0a1528 solid;
}
.PrintPanel {
	position:absolute !important;
	background-color: gray;
	left:0px !important;
	top:0px !important;
	width:1015px !important;
	height:800px !important;
	z-index:1000;
	visibility:hidden;
	display:none;
}
.PrintDiv {
	background-color: White;
	position:relative;
	left:50px;
	top:50px;
	width:100%;
	height:100%;
	overflow:scroll;
}
.PopupPanel{
	position:absolute !important;
	background-color: gray;
	left:0px !important;
	top:0px !important;
	width:1015px !important;
	height:800px !important;
	z-index:1000;
	visibility:hidden;
	display:none;
}
.PopupDiv{
	background-color: White;
	position:relative;
	left:50px;
	top:50px;
	width:100%;
	height:100%;
	overflow:scroll;
}
.roomseldesc {
	display: none;
}
.titleup {
	display: none;
}
.roomselbutton {
	display: none;
}
#DontContactMeLabel {
	font-size: 11px;
}
#Div10 {
	display: none;
}
.error
{
	color:#FF0000;
	font-size:11px;
}
#price
{
	display: none;
}
.roomselcattitle {font-size: 14px; display: inline; font-weight: bold;}

/* 
	SIMPLEST IMAGE ROLLOVER EVER
	AND OTHER IMAGE CLASSES FOR THE MENU
*/
.highlightit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	z-index: 9999;
}
.highlightit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	z-index: 9999;
}
.pushup {
	position: relative;
	top: -5px;
	padding: 0 3px 0 3px;
	z-index: 9999;
}
.pushdown {
	position: relative;
	top: 5px;
	padding: 0 3px 0 3px;
	z-index: 9999;
}
.tipit {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #616161;
	border: 1px #363636 solid;
	padding: 5px;
	z-index: 999999; /* That's a lot! */
}
.tipit p {display: inline;}

/* POSITIONING */
#containercamera {
	width: 605px;
}
	#leftzone {
		position: relative;
		padding: 0 0 0 5px;
		width: 600px; /*605*/
		height: 33px;
		text-align: left;
		background-color: #FFFFFF;
	}
	#centerzone {
		position: relative;
		top: -33px;
		width: 605px;
		height: 33px;
		text-align: center;
		background: transparent;
	}
		/*
			This background doesn't apply properly in
			Firefox 2. I am, at a loss.
		*/
		#thebackground {
			background-image: url(Images/cameracontrol/bottomLine.jpg);
			background-repeat: repeat-x;
			background-position: 0 29px;
		}
	#rightzone {
		position: relative;
		top: -66px;
		padding: 0 5px 0 0;
		width: 600px; /*605*/
		height: 33px;
		text-align: right;
		background: transparent;
	}
	
.titledown {
	text-align: center;
}
.pointer{
	cursor: pointer !important;
}
#testercontent {
	position: relative;
	top: 17px;
	left: 17px;
	background: url(Images/Install/plugin_background.jpg) no-repeat;
	width: 940px; /*960*/
	height: 527px; /*547*/
	padding: 10px;
}
#splashcontent {
	position: relative;
	top: 17px;
	left: 17px;
	/*background: url(Images/Install/plugin_background.jpg) no-repeat;*/
	width: 940px; /*960*/
	height: 527px; /*547*/
	padding: 10px;
}