/*----------------------------------------------------------IMPORTS*/
@import "font.css";
@import "start.css";
@import "follow.css";

/*----------------------------------------------------------UniqueClasses*/
.Classic {
	background-color:#406348;
	padding:15px 50px 15px 10px;
}
.Classic * 
{
    color:#FFFFFF !important;
    }
.Classic span * {
	color:#CCCCCC !important;
}
div.Classic {
	height:55px;
    color:#FFFFFF !important;
}
.Current {
	background-color:#4A3C38;
	position:relative;
	color:#FFFFFF !important;
	padding:15px 50px 15px 10px;
}
.Current * 
{
    color:#FFFFFF !important;
    }
.Current span * {
	color:#AB8238 !important;
}
div.Current {
	height:55px;
}
.Crystal {
	background-color:#AB8238;
	color:#FFFFFF !important;
	padding:15px 50px 15px 10px;
}
.Crystal * 
{
    color:#FFFFFF !important;
    }
.Crystal span * {
	color:#CCCCCC !important;
}
div.Crystal {
	height:55px;
}
.Collection {
	background-color:#640016;
	color:#FFFFFF !important;
	padding:15px 50px 15px 10px;
}
.Collection * 
{
    color:#FFFFFF !important;
    }
.Collection span * {
	color:#CCCCCC !important;
}

/*----------------------------------------------------------PAGEPOSITIONS*/
html, body, body form {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
.site {
	position:relative;
	width:100%;
	height:100%;
}
.page {
	background:#F0ECE0 url('images/layout/course.jpg') repeat-x 0px 10px;
	min-height:100%;
	position:relative;
	margin:0px 10px 0px 10px;
	min-width:909px;
}
* html .page {
	height:100%;
}
.pageline {
	background:url('images/layout/linehor.gif') repeat-y top;
	height:100%;
	position:absolute;
	margin:0px 0px 0px 0px;
	width:100%;
	top:0px;
}
.pagewhite {
	background-color:#FFFFFF;
	height:10px;
	overflow:hidden;
}
.pagecenter {
	width:910px;
	margin:0px auto 0px auto;
	position:relative;
	min-height:585px;
}
* html .pagecenter {
	height:585px;
}



/*----------------------------------------------------------HEADER*/

.header {
	height:173px;
	float:left;
	width:708px;
}
.header ul {
	margin:0px;
	padding:0px;
}
.header li {
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	border-right:1px solid #FFFFFF;
	height:16px;
	overflow:visible;
}
.header li a {
	margin:0px;
	padding:0px 9px 0px 10px;
	text-decoration:none;
	float:left;
	height:23px;
	line-height:23px;
	color:#4A3C38 !important;
}
.header li a:hover {
	position:relative;
	background:url(images/layout/headerhover.jpg) repeat-x top;
	height:28px;
	margin:-5px 0px 0px 0px;
}
.header .doors {
	position:absolute;
	width:448px;
	height:112px;
	overflow:visible;
	top:61px;
	left:202px;
}
.header .doors_scroll {
	position:absolute;
	top:173px;
	left:202px;
	z-index:999 !important;
	padding:0px 0px 0px 0px;
	width:708px;
	height:0px;
	overflow:hidden;
}
.header .doors_hover {
	position:absolute;
	top:-281px;
	left:0px;
	z-index:900 !important;
	padding:8px 0px 0px 0px;
	width:708px;
	height:273px;
	overflow:hidden;
	display: none;
}
.header .doors img {
	float:left;
	border:0px;
}
.header .logo {
	position:absolute;
	top:61px;
	left:680px;
	background:url('images/layout/logo.gif') no-repeat 0px 0px;
	width:200px;
	height:71px;
}
.header .logo a {
    width:171px;
	height:71px;
	display:block;  
	text-decoration:none; 
}


/*----------------------------------------------------------NAVIGATION*/
.topnavigation {
	height:173px;
	float:left;
	width:202px;
}
.topnavigation img {
	border:0px;
}
.topnavigation ul {
	margin:20px 0px 0px 1px;
	padding:0px;
}
.topnavigation li {
	margin:0px;
	padding:0px;
	height:20px;
	overflow:hidden;
}



/*----------------------------------------------------------GENERAL*/

.spacer {
	height:70px;
}
img 
{
    border:0px;
    }
@media print {
	.PrintDoorLogo {
	    margin-top:12px;
	    height: 130px;
		display:block;	
	}
	.PrintDoorClose {
	   display: none;
	}
}

@media screen {
	.PrintDoorLogo {
		display:none;	
	}
}

/*----------------------------------------------------------FOOTER*/

.footer {
	position:relative;
	height:10px;
	background:#FFFFFF;
	margin-top:-10px;
	overflow:visible;
	min-width:929px;
}
.footercenter {
	width:909px;
	margin:0px auto 0px auto;
}
.footertext {
	position:absolute;
	margin-top:-30px;
	padding:0px 15px 0px 215px;
}

/*TOS Door Chooser - Fotomontage*/
.field:hover
{
	background: url(FieldsetBG.gif) no-repeat 0px 0px;
	width: 80px;
	margin-right: 10px;
	display: inline;
}
.field
{
	width: 80px;
	margin-right: 10px;
	display: inline;
}
.field fieldset
{
	cursor: pointer;
}
* html .field
{
	width: 80px;
	margin-right: 10px;
	display: inline;
}
* html .field:hover
{
	width: 80px;
	margin-right: 10px;
	display: inline; /*background-color:#E1ECCC;*/
}
* html .field fieldset:hover
{
	background-color: #DCDCAA /*#E1ECCC*/;
}
/*-------------------------------------------------------*/