﻿/* GENERAL START */
body{
	padding: 0px;
	margin: 0px;
	background: #250906 url(../images/background.jpg) repeat-x;
}

html ,body{
	width: 100%;
	height: 100%;
	font-family: Verdana, Tahoma, Arial;
	font-size: 12px;
	line-height: 1.3em;
	color: #623F34;
}

table, p{
	padding: 0px;
	margin: 0px;
}

form, dl, dd, dt{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

ul, ul li{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

ol{
	display: block;
	margin-top: 0;
	margin-bottom: 0;
}

a, a:hover, a:visited{
	color: #df771c;
	font-style: normal;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a:focus{
	outline: none;
}

h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	line-height: normal;
}

h1{
	font-size: 1.667em;
	padding-bottom: 0.3em;
}

h1, h1 a, h1 a:hover{
	color: #df771c;
}

h2{
	font-size: 1.167em;
	padding-bottom: 0.3em;
}

h2, h2 a, h2 a:hover{
	color: #df771c;
}

h3{
	font-size: 1.167em;
	padding-bottom: 0.3em;
}

h3, h3 a, h3 a:hover{
	color: #623f34;
}

input, select, textarea{
	font-family: Verdana, Tahoma, Arial;
	font-size: 1em;
	color: #623F34;
	margin: 0;
	padding: 0;
}

img{
	border: 0px;
}

.clear{
	clear: both;
}

.hidden{
	display: none;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.paddingTop5{
	padding-top: 5px;
}

.paddingBottom5{
	padding-bottom: 5px;
}

.marginTop5{
	margin-top: 5px;
}

.small{
	font-size: 0.917em;
}

.big{
	font-size: 1.167em;
}

.underline{
	text-decoration: underline;
}

.colorOrange,
a.colorOrange,
a:hover.colorOrange{
	color: #df771c;
}

.linkArrow1,
.linkArrow1:hover,
.linkArrow1:visited{
	text-decoration: none;
}

.linkArrow1 .arrow{
	position: relative;
	top: 1px;
	padding-left: 5px;
	z-index: 1;
}

.linkArrow1:hover .linkText{
	text-decoration: underline;
	cursor: pointer;
}

.linkArrow1:hover .linkImage{
	text-decoration: none;
	cursor: pointer;
}

.inputButton1{
	width: 66px;
	height: 20px;
	line-height: 20px;
	display: block;
	border: 0px solid transparent;
	font-weight: bold;
	color: #fff;
	background: transparent url(../images/button01.gif) no-repeat 0 0;
	cursor: pointer;
}

.inputButton1:hover
{
	background-position: 0 -20px;
}

.inputButton1Over {
	background-position: 0 -20px;
}

.greyboxWrap{
	float: left;
	background-color: #fef0cd;
}

.greyboxHeader{
	width: 640px;
	line-height: 22px;
	float:left;
	padding: 0 20px;
	background-color: #623f34;
	border-bottom: 1px solid #403c33;
}

.greyboxHeader .title{
	line-height: 22px;
	display: block;
	float: left;
	padding: 0;
	color: #fff;
	font-size: 1em;
}

.greyboxHeader .close{
	display: block;
	float: right;
}

.greyboxHeader .close a,
.greyboxHeader .close a:hover{
	display: block;
	float: right;
	padding-right: 18px;
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/iconClose.gif) no-repeat right center;
}

.greyboxContent{
	width: 680px;
	height: 527px;
	float: left;
}

.greyboxContent p{
	padding-bottom: 1em;
}
/* GENERAL END */
/* feedbackForm START */
.greyboxFeedbackForm .greyboxContent{
	background: transparent url(../images/greyboxBgr01.jpg) no-repeat right bottom;
}

.greyboxFeedbackForm .greyboxContent .row{
	width: 640px;
	float: left;
	padding: 0 20px;
}

.greyboxFeedbackForm .greyboxContent .rowIntro{
	padding: 15px 20px;
	margin-bottom: 15px;
	background: transparent url(../images/hrLine01.gif) repeat-x left bottom;
}

.greyboxFeedbackForm .greyboxContent .rowForm{
	padding-top: 24px;
	line-height: 1.6em;
}

.greyboxFeedbackForm .greyboxContent .rowButtons{
	width: 413px;
	padding: 15px 20px 0 247px;
	margin-top: 32px;
	background: transparent url(../images/hrLine01.gif) repeat-x left top;
}

.greyboxFeedbackForm .greyboxContent .rowButtons .inputButton1{
	float: left;
	margin-left: 20px;
}

.greyboxFeedbackForm .greyboxContent .label{
	width: 100%;
	display: block;
	float: left;
	padding-bottom: 4px;
}

.greyboxFeedbackForm .greyboxContent .inputText,
.greyboxFeedbackForm .greyboxContent .inputTextarea{
	width: 180px;
	float: left;
	display: block;
	padding: 2px 4px;
}

.greyboxFeedbackForm .greyboxContent .inputTextarea{
	width: 465px;
	height: 75px;
}
/* feedbackForm END */
/* guestPass START */
.greyboxGuestPass .greyboxContent{
	background: transparent url(../images/greyboxBgr02.jpg) no-repeat right top;
}

.greyboxGuestPass .greyboxContent .row{
	width: 640px;
	float: left;
	padding: 0 20px;
}

.greyboxGuestPass .greyboxContent .col{
	width: 240px;
	padding-left: 20px;
}

.greyboxGuestPass .greyboxContent .col .row{
	width: 240px;
	padding: 0;
}

.greyboxGuestPass .greyboxContent .col .rowForm{
	height: 50px;
}

.greyboxGuestPass .greyboxContent .rowHrLine{
	background: transparent url(../images/hrLine01.gif) repeat-x left top;
}

.greyboxGuestPass .greyboxContent .rowIntro{
	width: 500px;
	padding: 15px 160px 15px 20px;
	margin-bottom: 15px;
	background: transparent url(../images/hrLine01.gif) repeat-x left bottom;
}

.greyboxGuestPass .greyboxContent .label{
	width: 100%;
	display: block;
	float: left;
	padding-bottom: 2px;
	font-size: 0.917em;
}

.greyboxGuestPass .greyboxContent .inputText,
.greyboxGuestPass .greyboxContent .inputSelect,
.greyboxGuestPass .greyboxContent .inputTextarea{
	width: 180px;
	float: left;
	display: block;
	padding: 2px 4px;
}

.greyboxGuestPass .greyboxContent .inputSelect{
	width: auto;
	padding: 2px 0;
}

.greyboxGuestPass .greyboxContent .inputTextarea{
	width: 485px;
	height: 75px;
}

.greyboxGuestPass .greyboxContent .rowButtons{
	width: 413px;
	padding: 15px 20px 0 247px;
	margin-top: 15px;
	background: transparent url(../images/hrLine01.gif) repeat-x left top;
}

.greyboxGuestPass .greyboxContent .rowButtons .inputButton1{
	float: left;
	margin-left: 20px;
}
/* guestPass END */
/* technicalSupport START */
.greyboxTechnicalSupport .greyboxContent{
	background: transparent url(../images/greyboxBgr03.jpg) no-repeat right bottom;
	height: 560px;
}

.greyboxTechnicalSupport .greyboxContent .row{
	width: 640px;
	float: left;
	padding: 0 20px;
}

.greyboxTechnicalSupport .greyboxContent .col{
	width: 300px;
	padding-left: 20px;
}

.greyboxTechnicalSupport .greyboxContent .col .row{
	width: 300px;
	padding: 0;
}

.greyboxTechnicalSupport .greyboxContent  .rowForm{
	padding-top: 18px;
}

.greyboxTechnicalSupport .greyboxContent .col .rowForm{
	padding-top: 0;
	padding-bottom: 0.5em;
}

.greyboxTechnicalSupport .greyboxContent .label{
	width: 100%;
	display: block;
	float: left;
	padding-bottom: 2px;
	font-size: 0.917em;
}

.greyboxTechnicalSupport .greyboxContent .radioLabel{
	padding: 0 20px 0 5px;
}

.greyboxTechnicalSupport .greyboxContent .inputText,
.greyboxTechnicalSupport .greyboxContent .inputSelect,
.greyboxTechnicalSupport .greyboxContent .inputTextarea{
	width: 220px;
	float: left;
	display: block;
	padding: 2px 4px;
}

.greyboxTechnicalSupport .greyboxContent .inputSelect{
	width: 230px;
	padding: 2px 0;
}

.greyboxTechnicalSupport .greyboxContent .inputTextarea{
	width: 485px;
	height: 75px;
}

.greyboxTechnicalSupport .greyboxContent .rowIntro{
	padding: 10px 20px;
	margin-bottom: 10px;
	background: transparent url(../images/hrLine01.gif) repeat-x left bottom;
}

.greyboxTechnicalSupport .greyboxContent .rowButtons{
	width: 413px;
	padding: 15px 20px 0 247px;
	margin-top: 15px;
	background: transparent url(../images/hrLine01.gif) repeat-x left top;
}

.greyboxTechnicalSupport .greyboxContent .rowButtons .inputButton1{
	float: left;
	margin-left: 20px;
}
/* technicalSupport END */
/* takeTour START */
.greyboxTakeTour .greyboxContent{
    width: 642px;
	height: 420px;
	padding: 17px 19px 0 19px;
	background: transparent url(../images/greyboxBgr04.jpg) no-repeat left bottom;
}

.greyboxTakeTour .greyboxContent .rowTour{
	width: 680px;
	height: 460px;
	float: left;
	border: 1px solid #f8d996;
}

.greyboxTakeTour .greyboxContent .rowButton{
	width: 100%;
	float: left;
	padding-top: 15px;
}
.greyboxTakeTour .greyboxContent .rowButton a,
.greyboxTakeTour .greyboxContent .rowButton a:hover{
	width: 130px;
	height: 20px;
	line-height: 20px;
	display: block;
	margin: auto;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: transparent url(../images/button03.gif) no-repeat 0 0;
}

.greyboxTakeTour .greyboxContent .rowButton a:hover{
	background-position: 0 -20px;
}
.greyboxHeaderTakeTour{
	width: 640px;
	line-height: 22px;
	float:left;
	padding: 0 20px;
	background-color: #623f34;
	border-bottom: 1px solid #403c33;
}

.greyboxHeaderTakeTour .title{
	line-height: 22px;
	display: block;
	float: left;
	padding: 0;
	color: #fff;
	font-size: 1em;
}

.greyboxHeaderTakeTour .close{
	display: block;
	float: right;
}

.greyboxHeaderTakeTour .close a,
.greyboxHeaderTakeTour .close a:hover{
	display: block;
	float: right;
	padding-right: 18px;
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/iconClose.gif) no-repeat right center;
}
.greyboxTakeTour .greyboxContent .rowButton a,
.greyboxTakeTour .greyboxContent .rowButton a:hover{
	width: 130px;
	height: 20px;
	line-height: 20px;
	display: block;
	margin: auto;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: transparent url(../images/button03.gif) no-repeat 0 0;
}

.greyboxTakeTour .greyboxContent .rowButton a:hover{
	background-position: 0 -20px;
}
/* takeTour END */