/* Start of CMSMS style sheet 'videokiosk' */
/*------------------------------------------------------------ Payment ----*/

#payment {
width: 650px;
margin-top:20px;
}


#payment1 {
width:296px;
background:url(images/payment1.jpg) no-repeat 0% 0%;
float:left;
height:390px;
}

#payment2 {
width:296px;
background:url(images/payment2.jpg) no-repeat 0% 0%;
float:right;
height:390px;
}

#payment1 a, #payment2 a {
position:relative;
display:block;
color:#FFF;
text-decoration:none;
top:245px;
width:260px;
line-height:75px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-weight:bold;
font-size:14px;
}

#order_form {
width: 650px;
margin-left: 260px;
}

#order_form #available {
margin:0;
padding:0;
}

#order_form table {
margin-top:30px;
border:1px solid #999;
}

#order_form table tr td {
padding:10px;
color:#FFF;
font-size:12px;
line-height:18px;
}

#order_form table tr td .thanks {
font-size:14px;
font-weight:bold;
}

#order_form table tr td #amount {
width:240px;
height:94px;
border:2px solid #ba2b64;
padding-left:10px;
padding-top:6px;
font-weight:bold;
}

#order_form table tr td #amount .amountline {
line-height:50px;
}

#order_form table tr td #amount .amountline .nzd {
background-color:#FFF;
color:#000;
padding:10px 40px 10px 40px;
margin-left:20px;
}
/*------------------------------------------------------------ Payment ----*/


img, div { behavior: url(hacks/iepngfix.htc); }

body {
	font-family: Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	
	background:#333 url(images/background.jpg) repeat-x 50% 300px;
}


h1, .hide {
	display:none;
}

#page {
	width:990px;
	margin:0 auto 0 auto;
}

#header {
	background:url(images/videokiosk.jpg) no-repeat 50% 0%;
	height:145px;
}

#header a {
	display:block;
	position:absolute;
	width:300px;
	height:100px;
	margin-top:15px;
	margin-left:50px;
}

#slogan {
	line-height:83px;
	width:460px;
	text-align:left;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
}

#menu {
	position:absolute;
	margin-top:-112px;
	margin-left:460px;
	width:600px;
}

#menu ul {
	margin:0;
	padding:18px 0 0 0;
}

#menu ul li {
	width:68px;
	height:95px;
	list-style:none;
	float:left;
	margin-left:5px;
}

#menu ul li a {
	display:block;
	width:68px;
	height:70px;
}

#menu ul li.menu1 {
	background-image:url(images/menu_03.jpg);	
}
#menu ul li.menu2 {
	background-image:url(images/menu_05.jpg);	
}
#menu ul li.menu3 {
	background-image:url(images/menu_07.jpg);	
}
#menu ul li.menu4 {
	background-image:url(images/menu_09.jpg);	
}
#menu ul li.menu5 {
	background-image:url(images/menu_11.jpg);	
}
#menu ul li.menu6 {
	background-image:url(images/menu_13.jpg);	
}
#menu ul li.menu7 {
	background-image:url(images/menu_15.png);	
}

#coverflow object {
padding-left:161px;
}

#coverflow {
	width:100%;
	height:350px;
	position:relative;
}

#footer {
  padding:20px 0 20px 0;
  text-align:center;
  color:#CCC;
  font-size:12px;
}

#footer a {
	color:#B7B7B7;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#content {
	width:990px;
	margin:-220px auto 20px auto;
	height:300px;
	position:relative;
}

#contentHome {
	width:990px;
	margin:30px auto 20px auto;
	height:300px;
	position:relative;
}

#message1 {
	float:left;
	width:200px;
	color:#ffcc99;
	font-weight:bold;
	font-size:11px;
	border-right:1px solid #ffcc66;
	padding-right:20px;
}

#message2 {
	float:left;
	width:520px;
	color:#ffcc99;
	font-weight:bold;
	font-size:11px;
	padding-left:20px;
}

#message3 {
	clear:both;
	padding-top:20px;
	height:80px;
}
#message3 ul {
	padding:0;
	margin:0 130px 0 130px;
}
#message3 ul li {
	list-style:none;
	float:left;
	color:#FFF;
	font-weight:bold;
	width:160px;
	text-align:center;
}

#message5 {
	clear:both;
	margin-top:30px;	
	background:url(images/mess5.png) repeat-y 0% 0%;
	width:700px;
	height:45px;
}

#message5 table {
	width:700px;
	padding:5px;
}

#message5 table tr td.text {
	color:#FFF;
	font-size:11px;
	width:460px;
}
#message5 table tr td.enquiry {
	color:#ffcc99;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	padding-left:5px;
}

#kiosk {
	position:absolute;
	margin-left:820px;
	margin-top:-279px;
}
/*---------------------------------------------------------- PAYPAL -----------------*/
#paypal {
text-align:center;
margin-top:50px;
}


/*---------------------------------------------------------- PAGES -----------------*/
#content_howitworks {
	border:1px solid #ccffff;
	margin-top:2px;
	padding:5px;
}

#content_howitworks h2 {
	float:left;
	color:#ffcc33;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	width:130px;
	line-height:30px;
}

#content_howitworks h3 {
	color:#FFF;
	margin:0;
	padding:0;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
}

#content_howitworks h4 {
	float:left;
	color:#ffcc66;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
}
/*-------------------- What you get ----- */
#whatyouget {
	background-color:#666;
	margin-top:5px;
}

#whatyouget table {
	width:100%;
	height:500px;
	border-collapse:collapse;
	margin:0;
	padding:0;
}

#whatyouget table tr td.sep {
	background:url(images/sep1.jpg) no-repeat 100% 50%;
}

#whatyouget table tr td {
	padding-top:10px;
	padding-left:10px;
	padding-right:25px;
	width:20%;
	vertical-align:top;
	color:#FFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#whatyouget table tr td p.text {
	text-align:justify;
}

/*-------------------- How it works ----- */
#howitworks {
	background-color:#666;
	margin-top:15px;
	padding-top:5px;
}

#howitworks table {
	clear:both;
	width:100%;
}

#howitworks table tr td#cell1, #howitworks table tr td#cell2, #howitworks table tr td#cell3, #howitworks table tr td#cell4, #howitworks table tr td#cell5  {
	padding-top:10px;
	padding-left:10px;
	padding-right:25px;
	width:18%;
	vertical-align:top;
	color:#FFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#howitworks table tr td#cell1 {
	background:url(uploads/images/website_content/img_03.jpg) no-repeat 50% 100%;
}
#howitworks table tr td#cell2 {
	background:url(uploads/images/website_content/img_05.jpg) no-repeat 50% 100%;
}
#howitworks table tr td#cell3 {
	background:url(uploads/images/website_content/img_07.jpg) no-repeat 50% 100%;
}
#howitworks table tr td#cell4 {
	background:url(uploads/images/website_content/img_09.jpg) no-repeat 50% 100%;
}

#howitworks table tr td p.text {
	text-align:justify;
}

#howitworks table tr td#sep {
	background:url(images/sep2.jpg) no-repeat 100% 50%;
	width:25px;
}
/*------------------------------------------- What people say --- */
#content_whatpeoplesay {
	border:1px solid #ffffcc;
	margin-top:2px;
	padding:5px;
}

#whatpeoplesay {
	height:700px;
	background:#666 url(images/whatpeoplesay.jpg) no-repeat 5% 50%;
}

#whatpeoplesay h2 {
	margin:0;
	padding:0;
	color:#ffcc33;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
	padding-left:5px;
}

#reactions {
	width:700px;
	height:650px;
	margin-left:260px;
	overflow-y:auto;
}

#reaction table {
	border:1px solid #999;
	padding:8px;
	margin-bottom:10px;
	margin-right:20px;
}

#reaction table tr td#img {
	width:100px;
}

#reaction table tr td#text_white, #reaction table tr td#text_yellow {
	/*font-size:11px;	*/
}

.reaction_white {
	color:#FFF;
	font-size:11px;
}

.reaction_yellow {
	color:#FFC;
	font-size:11px;
}

.reaction_title {
	font-size:16px;
	font-weight:bold;
}
/*------------------------------------------- Gallery --- */
#content_gallery {
	margin-top:2px;
	padding:5px;
	border:1px solid #d9a616;
}

#content_gallery #gallery {
	background-color:#666;
	min-height:700px;
	height:auto !important;
	height:700px;
	padding-bottom:10px;
}

#content_gallery #gallery h2 {
	margin:0;
	padding:0;
	color:#ffcc33;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
	padding-left:5px;
}

#content_gallery #gallery h3 {
	color:#FFF;	
	font-size:14px;
	padding-left:10px;
}

#content_gallery #gallery #login {
	width:600px;
	color:#FFF;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


#content_gallery #gallery #login p#login_error {
	color:#F93;
	font-weight:bold;
	font-size:11px;
}

#content_gallery #gallery #login p#login_password {
	clear:both;
	line-height:30px;
}

#content_gallery #gallery #login p#login_password a {
	font-size:11px;
	color:#b6cfe2;
}

#content_gallery #gallery #login form #part {
display:inline-block;
width:230px;
float:left;
}

#content_gallery #gallery #login form label {
	background-color:#b6cfe2;
	padding:3px;
	color:#5e6b71;
	float:left;
	font-size:12px;
}

/* IE6 seulement */
/*\*/
* html #content_gallery #gallery #login form label { margin-top: 2px }
/**/

#content_gallery #gallery #login form input[type=text], #content_gallery #gallery #login form input[type=password] {
	float:left;
	margin:0 5px 0 0;
	padding:1px;
	border:1px solid #b6cfe2;
}

#content_gallery #gallery #login form input[type=submit] {
	background-color:#b6cfe2;
	color:#5e6b71;
	float:left;
	font-size:12px;
	border:1px solid #b6cfe2;
	padding:0 10px 1px 10px;
	margin-right:5px;
}

#content_gallery #gallery #login p a.logout {
background-color:#CCC;
padding:2px 5px 2px 5px;
color:#000;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

#content_gallery #gallery #login p .username {
font-weight:bold;
margin-left:5px;
margin-right:5px;
}

#content_gallery #gallery #image, #content_gallery #gallery #movie {
	float:left;
	width:430px;
	height:400px;
	border:1px solid #FFF;
	margin-top:30px;
}

#content_gallery #gallery #image {
	margin-right:30px;
	margin-left:40px;
}

#content_gallery #gallery #image p, #content_gallery #gallery #movie p {
	text-align:center;	
	color:#CCC;
	font-size:18px;
}

#content_gallery #gallery #image {
	background:url(images/imagegallery.jpg) no-repeat 50% 50%;
}

#content_gallery #gallery #movie {
	background:url(images/moviegallery.jpg) no-repeat 50% 50%;
}

#jump_images, #jump_movies {
line-height:35px;
font-size:12px;
margin-left:120px;
margin-bottom:10px;
}

#jump_images a, #jump_movies a {
display:block;
color:#FFF;
font-weight:bold;
padding-left:60px;
text-decoration:none;
width:200px;

}

#jump_images {
	background:url(images/jump_videos.jpg) no-repeat 50% 50%;
	width:262px;
	height:47px;
}

#jump_movies {
	background:url(images/jump_images.jpg) no-repeat 50% 50%;
	width:262px;
	height:47px;
}


/*--- Lost password ---*/
p#password_lost_title {
	font-weight:bold;
}
p#password_lost {
	font-size:11px;
}

/*--- Loggin ---*/
#content_gallery #gallery #image a, #content_gallery #gallery #movie a {
	display:block;
	width:430px;
	height:330px;
}

/*------------------------------------------- Get a quote --- */

#content_getaquote {
	border:1px solid #ffffcc;
	margin-top:2px;
	padding:5px;
}

#getaquote {
	min-height:700px;
	height:auto !important;
	height:700px;
	background:#666 url(images/quote.jpg) no-repeat 2% 50%;
}

#getaquote h2 {
	margin:0;
	padding:0;
	color:#ffcc33;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
	padding-left:5px;
}

#getaquote_form {
	width:650px;
	min-height:650px;
	height:auto !important;
	height:650px;
	margin-left:260px;
	border:1px solid #999;
	background-color:#666;
}

#getaquote_form p {
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	margin-left:20px;
}

#getaquote_form #application p {
	color:#FFF;
	font-size:12px;
	margin-left:20px;
	font-weight:normal;
}

#getaquote_form h3 {
	padding-left:20px;
	padding-top:20px;
	color:#FFF;
	text-transform:uppercase;
}

#getaquote_form img {
	margin-left:150px;
}

#getaquote_form #available p {
	font-size:12px;
}


#getaquote_form {
	padding-left:20px;
}

#getaquote_form form#select_region {
	padding-top:50px;
}

#getaquote_form div.book_now {
text-align:center;
padding-top:20px;
}

#getaquote_form div.book_now input[type=submit] {
background-color:#ffcc33;
font-size:25px;
padding:5px 20px 5px 20px;
border:none;
text-transform:uppercase;
}


form#select_region label, form div.eventdate div label {
	float:left;
	width:150px;
	color:#FFF;
	font-weight:bold;
}

form div.eventdate div select  {
float:left;
margin-right:5px;
padding:1px;
}

form div.eventdate div input[type=submit] {
float:left;
background-color: #b6cfe2;
color: #5e6b71;
font-size: 12px;
border:1px solid #b6cfe2;
padding:2px 8px 2px 8px;
}

/*------------------------------------------- FAQ --- */
#content_faq {
	border:1px solid #ffffcc;
	margin-top:2px;
	padding:5px;
}

#faq {
	height:700px;
	background:#666 url(images/faq2.jpg) no-repeat 0% 50%;
}

#faq h2 {
	margin:0;
	padding:0;
	color:#ffcc33;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
	padding-left:5px;
}

#faq_list {
	width:650px;
	height:400px;
	margin-left:260px;
	border:1px solid #999;
	overflow-y:auto;
	padding:10px;
	color:#FFF;
	font-size:12px;
}

#faq_list ol li {
	line-height:30px;
	font-size:15px;
}

#faq_list a {
	color:#FF9;
}

#faq_list .faq_title {
	font-weight:bold;
	font-size:15px;
	line-height:30px;
}


#links_list {
	width:650px;
	height:200px;
	margin-left:260px;
	margin-top:10px;
	border:1px solid #999;
	overflow-y:auto;
	padding:10px;
	color:#FFF;
	font-size:12px;
}

#links_list p {
	line-height:18px;
	margin:0;
	padding:0;
}

#links_list p a {
	color:#FF9;
	text-decoration:none;
}

#links_list p a:hover {
	text-decoration:underline;
}

/*------------------------------------------- Contact --- */
#content_contact {
	border:1px solid #ffffcc;
	margin-top:2px;
	padding:5px;
}

#contact {
	min-height:700px;
	height:auto !important;
	height:700px;
	background:#666 url(images/help3.jpg) no-repeat 0% 50%;
}

#contact p {
font-size:11px;
}

#contact h2 {
	margin:0;
	padding:0;
	color:#ffcc33;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
	padding-left:5px;
}

#contact_union {
	width:650px;
	margin-left:260px;
}

#contact_form {
	float:left;
	width:480px;
	height:650px;
	border:1px solid #999;
	background-color:#666;
	color:#FFF;
	padding-left:10px;
}

#contact_details {
	float:left;
	width:150px;
	height:600px;
	border:1px solid #999;
	margin-left:2px;
	color:#FFF;
	font-size:11px;
	text-align:center;
	padding-top:50px;
}

#contact_response {
margin:10px 0 0 10px;
}

#contact_response p {
font-size:12px;
}
/* End of 'videokiosk' */

