@charset "utf-8";
/* CSS Document */

/**
 * Yahoo YUI Reset CSS
 * Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{/***/font-size:100%;}
/* Note: one change has been made to the original style sheet - removing the asterisk in front of the final font-size rule by enclosing it within a comment - in order to validate the css */

/**
 * Main CSS file for Westenra Corporate Travel website
 * Author: Richard Westenra
 * Created: 21-01-09
 * Modified: 19-5-09
 * Comments: Recent Change - Removed News page and added contact button to Index page
 * Copyright Richard Westenra 2009
 */
 
/* Generic Site Styles */
body {
	background:url(../images/bg.png) repeat-x;
	font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
}
body.mceContentBody{
	/* ensure that the bg does not show in tinymce input box */
	background-image:none;
}
a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#85c1e6;
	text-decoration:none;
}
p {
	font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	line-height:150%;
}
h1 { /* large bright blue title, i.e. home page header "The travel professionals who work as hard as you do" */
	font-family: Helvetica, Myriad, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
	font-size:240%;
	color:#85c1e6;
	letter-spacing:-0.04em;
}
h2 { /* home page subheadings e.g. "We deliver value, savings and service" */
	font-family: Helvetica, Myriad, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
	font-size:120%;
	margin:10px 0px;
	color:#555555;
	letter-spacing:-0.02em;
}
h3 { /* Admin Area main page headers */
	font-family: Helvetica, Myriad, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
	font-size:200%;
	margin-bottom:10px;
}
h5 { /* Admin area subheadings, i.e. for each section of editable content "Home", "Privacy Policy", etc. */
	font-family: Helvetica, Myriad, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
	font-size:150%;
	color:#555555;
}
h6 { /* Privacy Policy & Terms of Service subheadings. */
	font-family: Helvetica, Myriad, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
	font-size:120%;
	color:#85c1e6;
	margin-top:20px;
	margin-bottom:10px;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
ol {
	padding-bottom:10px;
}
	ol li {
		list-style:decimal outside;
		margin:0 0 10px 20px;
	}
ul {
	padding-bottom:10px;
}
	ul li	{
		list-style-image:url(../images/starBullet.png);
		margin:0 0 10px 20px;
		list-style-position:outside;
	}
#container {
	width:870px;
	padding:0px 10px;
	margin:auto;
}
#nz {
	float:right;
	height:222px;
	width:251px;
	margin-right:10px;
	background:url(../images/nz.png) no-repeat;
}
#nz a {
	float:right;
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%;
	margin-top:2px;
	margin-right:11px;
	text-decoration: none;
}
#nz a:hover {
	text-decoration:underline;
}
#content {
	padding-top:20px;
	clear:both;
}
#adminInfo {
	font-family:Helvetica, Lucida Grande, Lucida Sans Unicode, Verdana, Arial, sans-serif;
	font-size:120%;
	float:left;
	clear:left;
	width:600px;
	margin-top:20px;
}
.success {
	color:#009900;
}
.error {
	color:#BB0000;
}
.notice {
	color:#CC9900;
}

.left {
	float:left;
	clear:left;
}
.right {
	float:right;
	clear:right;
}
.submit {
	background:#EEEEEE;
	border:1px solid #CCC;
	color:#333333;
	cursor:pointer;
	font-weight:bold;
	overflow:visible;
	padding:8px 10px;
	text-decoration:none;
	width:auto;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}
.submit:hover,
.submit:focus {
	background:#CCCCCC;
	border:1px solid #AAAAAA;
	color:#222222;
}
.submit:active {
	background:#555555;
	border:1px solid #333333;
	color:#EEEEEE;
	-moz-transform:translateY(1px);
	-webkit-transform:translateY(1px);
}
.button {
	padding:10px;
}
.button a {
	cursor:pointer;
	font-weight:bold;
	overflow:visible;
	text-decoration:none;
	width:auto;
}
.button a span {
	display: block;
	padding: 8px 10px;
	background:#EEEEEE;
	border:1px solid #DDDDDD;
	color:#333333;
}
.button a span:hover {
	background:#555555;
	border:1px solid #333333;
	color:#EEEEEE;
}

/* Navigation Menu */
#navWrap {
	height:154px;
	width:526px;
	float:left;
	margin-top:7px;
	background-image:url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 489px -20px;
	border-right-style: solid;
	border-right-color:#85c1e6;
	border-right-width:1px;
}
#logo {
	margin-top:50px;
	margin-left:5px;
	float:left;
}
#nav {
	width: 185px;
	height: 100px;
	float: right;
	margin-top:40px;
}
#nav ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}
#nav ul li {
	text-align:right;
	line-height:1.4em;   /* changed from 1.2em for chrome/safari */
	padding:0 45px 0 0;
	list-style:none;
	margin:0;
}
#nav ul li a {
	color: #FFFFFF;
	font-size: 80%;
	font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#nav ul li a:hover {
	color:#85c1e6;
}
#activeNav a:hover {
	text-decoration:underline;
}

/* Footer */
#footer {
	clear:both;
	text-align:center;
	padding-top:50px;
	font-size: 80%;
	margin-bottom:10px;
}
#footer p {
	font-size: 90%;
	text-align:center;
}

/* index.php */
#indexDiv1 {
	width:486px;
	border-right:#ccc 1px solid;
	padding-right:40px;
	float:left;
	margin-top:10px;
}
#indexDiv2 {
	width:312px;
	float:right;
	margin-top:20px;
}
#contactButton {
	display:block;
	width:299px;
	height:82px;
	background:url(../images/contactButton.png) no-repeat;
	margin:auto;
	margin-top:40px;
}
#contactButton span {
	display:none;
}
#contactButton:hover {
	background:url(../images/contactButton.png) no-repeat 0px -82px;
}
/*.testimonial {
	margin-top:15px;
	font-size: 80%;
}
blockquote {
	padding-left:50px;
	padding-right:8px;
	background-image:url(../images/leftDoubleQuote.png);
	background-repeat: no-repeat;
}
blockquote em {
	display:block;
	padding-top:10px;
}*/

/* about.php */
#aboutDiv1 {
	padding-right:43px;
	margin: 15px 0px 70px 0px;
	/*width:486px;
	border-right:#555555 1px solid;
	float:left;*/
}
#aboutDiv2 {
	padding-right:43px;
	margin: 15px 0px 20px 0px;
	/*width:300px;
	float:right;
	margin-top:20px;
	padding-top:40px;*/
}
/* news.php */
#newsDiv1 {
	width:686px;
	padding-right:40px;
}

/* tools.php */
#toolsDiv1 {
	width:486px;
	padding-right:40px;
}

/* contact.php */
#contactDiv1 {
	width:340px;
	float:right;
	margin-top:70px;
}
#contactForm {
	width:486px;
	float:left;
	margin-top:5px;
	padding-right:40px;
}
#formMainMessage {
	height:30px;
	font-size:110%;
}
#contactForm .formRow {
	clear:both;
}
#contactForm label {
	float:left;
}
#contactForm .input {
	width:300px;
	float:right;
	margin:0px;
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	color:#333333;
	padding:8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}
#contactForm .textArea {
	width:300px;
	float:right;
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	color:#333333;
	padding:8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}
#contactForm .select {
	width:318px;
	float:right;
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	color:#333333;
	padding:8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
}
#contactForm .input:focus, #contactForm .textArea:focus, #contactForm .select:focus {
	background:#f9f9f9;
	border:#999 1px solid;
}
#contactForm .formMessage {
	width:310px;
	height:20px;
	padding-top:5px;
	float:right;
	font-size:80%;
	color:#BB0000;
}
#contactForm #recaptcha_widget_div {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}
#contactForm #recaptchaMessage {
	width:310px;
	height:30px;
	font-size:80%;
	float:right;
	color:#BB0000;
}
#contactForm .submit {
	float:right;
}

/* Privacy */
#privacyDiv1 {
	width:600px;
}

/* Terms of Service */
#termsDiv1 {
	width:600px;
}


/* Site Map */
#sitemapDiv1 ul li {
	 list-style-type:circle;
	 line-height:2em;
}

/* Login Form */
#loginForm {
	width:360px;
}
#loginForm form{
	margin-left:10px;
}
#loginForm .formRow {
	clear:both;
}
#loginForm label {
	float:left;
	margin-bottom:20px;
	padding-top:5px;
}
#loginForm .input {
	width:250px;
	float:right;
	margin-bottom:20px;
	padding:4px;
}
#loginForm .submit {
	float:right;
}
#loginForm p {
	clear:both;
	float:right;
	margin-top:5px;
	margin-bottom:60px;
	font-size:60%;
}

/* admin.php */
#adminDiv1 {
	width:511px;
	line-height:1.4em;
}

/* cms.php */
#cmsDiv1 {
	width:511px;
	margin-bottom:40px;
}	
#cmsMenu {
	margin-bottom:40px;
}
.cmsMenuName {
	line-height:1.8em;
}
.cmsMenuEdit {
	margin-left:30px;
}
.cmsDataName a {
	float:left;
	color:#555555;
	text-decoration:none;
}
.cmsDataContent {
	width:700px;
	clear:both;
	margin-bottom:40px;
}
#cmsForm {
	width:650px;
}
#cmsForm .textArea {
	width:100%;
}
#cmsForm .submit {
	float:right;
	margin-top:10px;
}

/* user.php */
#userDiv1 {
	width:511px;
	float:left;
	margin-bottom:40px;
}
#userList {
	clear:both;
}
.leftBlock {
	height:70px;
}
.rightBlock {
	float:right;
	height:70px;
}
.rightBlock .button {
	float:left;
	padding:20px;
}
.userAdd {
	float:right;
	margin-top:100px;
	margin-right:80px;
}
#userForm {
	width:400px;
	height:250px;
}
#userForm .formGroup {
	margin-left:150px;
}
#userForm .input {
	width:250px;
}
#userForm .radio {
	margin-bottom:8px;
	margin-right:10px;
}
#userForm .formRow {
	clear:both;
	margin-bottom:20px;
}
#userForm label {
	float:left;
}
#userForm .submit {
	float:right;
}
#userForm .formMessage {
	height:20px;
	padding-top:2px;
	float:right;
	font-size:80%;
	color:#BB0000;
}