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

/************************************************************************************
CLEARING DEFAULT STYLES START 
************************************************************************************/

/* found at http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead{
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit; 
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: baseline;
} 
/* remember to define focus styles! 
eg 
:focus  { outline: thick solid black }
:active { outline: thick solid red }

:focus { 
	outline: 0; 
} 

*/
body {
	line-height: 1;
} 
ol, ul {
	list-style-type: disc;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; 
} 
blockquote, q {
	quotes: "" "";
}
.clearall {
	clear: both;
}

/* CLEARING DEFAULT STYLES COMPLETE */



/************************************************************************************
MAIN PAGE STYLING 
************************************************************************************/

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
	background: #00954F url(../images/body-bg.png) repeat-x center top;
}

#containerdropshadow  {
	background: #00954F url(../images/container-bg-edges.png) repeat-y center top;
	margin: 0 auto;
	padding: 0;
	width: 940px;
	text-align: center;
}

#container  {
	text-align: center;
	background: url(../images/container-bg.png) repeat-x center top;
	margin: 0;
	padding: 0 19px;
	width: 902px;
} 
#welcomemessage {
	width: 856px;
	height: 194px;
	background: url(../images/fern-placeholder.jpg) no-repeat center top;
	border: solid #000 1px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	vertical-align: bottom;
	z-index: 1;
}

#welcomemessage h2 {
	float: right;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	margin: 80px 0 0 0;
}
#welcomemessage p {
	float: right;
	clear: right;
	width: 500px;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	font-family: Tahoma, Geneva, sans-serif;
}



/************************************************************************************
TOP OF PAGE MENU 
************************************************************************************/

#nav1 {
	background: url(../images/nav-bg.png) repeat-x center top;
	padding: 0px 5px 9px 0px;
	text-align: right;
	height: 29px;
	margin: 0;
	position: relative;
	z-index: 150;
}

#nav1 a,
#nav1 a:visited {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	margin: 0px;
	line-height: 29px;
	padding:  0px 20px;
	display: block;
	float: right;
	background: url(../images/nag-divider.png) no-repeat left top; 
}

#nav1 a:hover,
#nav1 a:active {
	font-weight: normal;
	color: #000;
	text-decoration: underline;
	font-size: 11px;
}



#nav2 {
	background: url(../images/nav-bg.png) repeat-x center top;
	padding: 0;
	text-align: right;
	height: 29px;
	margin: 0;
	position: relative;
	z-index: 200;
}




/************************************************************************************
HEADER 
************************************************************************************/



#header {
	background: #000 url(../images/header-bg.png) repeat-y center left;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	z-index: 100;
}
#header h1 {
	float: left;
	width: 285px;
	text-indent: -3000px;
	background: url(../images/logo-gowest_transparent.gif) no-repeat center top;
	height: 123px;
	margin: 20px 0 19px 50px;
	color: #fff;
	font-size: 40px;
	text-align: left;
} 
#BrandImage {
	margin: 0px;
	padding: 0px;
	height: 170px;
	width: 500px;
	z-index: 125;
	position: absolute;
	top: 29px;
	right: 0px;
}



/************************************************************************************
main content area 
************************************************************************************/
#mainContent {
	background: #FFF url(../images/maincontent-bg.png) repeat-x center top;
	margin: 0 1px 0 1px;
	padding: 10px 0 0 0px;
	width: 900px;
	position: relative;
}


#copy {
	margin: 0px 15px;
	padding: 0px 0px 50px 0px;
	width: 870px;
	text-align: left;
	position: relative;
}
#copy img.floatright {
	margin: 0px;
	padding: 0px 0px 15px 15px;
	float: right;
}
#copy ul, #copy ol {
	margin: 0 0 0.8em 1.5em;
	padding: 0px;
	font-size: 12px;
}
#copy ul ul {
	margin: 0.4em 0px 0px 20px;
	padding: 0px;
}
#copy ol {
	list-style-type: decimal;
}
#copy ul li {
	font-size: 12px;
	margin: 0;
	padding: 0 0 0.4em 0;
} 
#copy ul ul li {
	margin: 0px;
	padding: 0 0 0.3em 0;
	list-style-type: circle;
}
#copy p {
	font-size: 12px;
	line-height: 1.1;
	padding: 0px 0px 0.8em 0px;
}  

#copy a,
#copy a:link,
#copy a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #B51A8A;
}
#copy a:hover,
#copy a:active {
	font-weight: bold;
	text-decoration: underline;
	color: #B51A8A;
}


#copy table p, #copy td {
	font-size: 12px;
	line-height: 1.1;
	padding: 0px 0px 0.2em 0px;
}   
#copy td {
	padding: 5px;
	border: solid #007034 1px;
}
#copy table { 
	padding: 0px;
	margin: 10px 0px 15px 0;
	border: solid #007034 1px;
} 
#copy table.noBorder { 
	border: none;
}
#copy table.noBorder td {
	padding: 3px 0px;
	border: none;
}


#copy table tr.headingRow {
	padding: 4px 0px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	border-bottom: solid #007034 1px;
	background: #007034;
}

#copy table tr.footerRow {
	padding: 4px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #000;
	padding: 0.3em 0px 1em 0px;
	border-top:	solid #007034 1px;
}

#copy table tr.headingRow p,
#copy table tr.headingRow h1,
#copy table tr.headingRow h2,
#copy table tr.headingRow h3,
#copy table tr.headingRow h4 {
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}


#copy h1,
#copy h2,
#copy h3,
#copy h4,
#copy h5 {
	line-height: 1.1;
	padding: 0.4em 0px 0.3em 0px;
	color: #007034;
	font-weight: bold;
} 
#copy h1 {
	font-size: 26px;
}
#copy h2 {
	font-size: 22px;
}
#copy h3 {
	font-size: 18px;
	font-weight: normal;
}
#copy h4 {
	font-size: 16px;
	font-weight: normal;
}
#copy h5 {
	font-size: 12px;
	font-weight: bold;
}
#copy h6 {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #000;
	padding: 0.3em 0px 1em 0px;
}
#brands   {
	background-color: #0f954e;
	color: #fff;
	margin: 0;
	padding: 0px 15px;
	width: 835px;
}
#greenboxbtm {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	background: url(../images/greenbox-btm.png) bottom left no-repeat;
}
#greenboxtop {
	margin: 0px;
	padding: 15px 0pxurl(
../images/greenbox-btm.png) bottom left no-repeaturl(../images/greenbox-btm.png) bottom left no-repeat;
	background-image: url(../images/greenbox-top.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px 0px 0px 0px;
}
#brands h4 {
	color: #FFF;
}
strong {
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
hr {
	padding: 0px;
	height: 1px;
	width: 100%;
	margin: 10px 0;
	background: #007034;
	color: #007034;
}
.redtext {
	color: #F00;
}



#copy a img {
	margin: 0 10px 0 0;
	padding: 0;
	border: none;
}


/*************************************************************************************
STORYBOX DISPLAYS 
*************************************************************************************/

.storybox {
	width: 286px;
	float: left;
	padding: 0px;
	margin: 10px 0 0 10px;
	color: #000;
	background: #E0F07F;
	text-align: left;
}
.storybox h3 {
	display: block;
	background-color: #C1D82F;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 7px 10px;
	text-indent: 0px;
}
.storybox a img {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fff;
}
.storybox p {
	font-size: 12px;
	color: #000;
	padding: 0px 10px;
	margin: 5px 0 4px 0;
	line-height: 1.3;
}
.storybox .more {
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #B51A8A;
	text-transform: uppercase;
}
.storybox a,
.storybox a:visited { 
	font-size: 12px;
	font-weight: bold;
	color: #B51A8A;
	text-decoration: none;
}
.storybox a:hover,
.storybox a:active {
	font-weight: bold;
	color: #B51A8A;
	text-decoration: underline;
	border: none;
}

.storybox .more a,
.storybox .more a:visited {
	font-size: 10px;
}


 


/************************************************************************************
FOOTER
*************************************************************************************/ 


#footer {
	margin: 0px;
	padding: 25px 15px 6px 15px;
	background: #00954F url(../images/footer-bg.png) no-repeat center top;
	width: 910px;
}
#footer p {
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}

#footer p.alignleft {
	float: left;
	margin: 0 12px;
	padding: 0;
}
#footer p.alignright {
	float: right;
	margin: 0;
	padding: 0;
}
#footer p a, 
#footer p a:visited {
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 6px;
}
#footer p a:hover,
#footer p a:active {
	font-size: 10px;
	font-weight: normal;
	color: #FFF; 
	text-decoration: underline;
}












/************************************************************************************
form styles 
************************************************************************************/

.formMessage {
    text-align:left;
    color:#FF0000;
}                                                       
.textBox {
    width:250px;
    font-family: Verdana;
    font-size:12px;
}

.validationMsg {
    color:red;
}

#formContent table {
	padding: 0;
	margin: 0;
}

.formPass {
    border:0;
    font-weight: bold;
    color: #000000;
    font-size: 11px;
    /*background-color: #23215a;    */
}
.formBar{
        padding: 4px 0px;
        padding-left:10px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	border-bottom: solid #007034 1px;
	background: #007034;
}


.formFail {
    border:0;
    font-weight: bold;
    color: #000000;
    font-size: 11px;
    /*background-color: #7dd8f8;*/
}

.formnotes {   
    font-size:9px;
}

/********** Calendar CSS ***********/

.bambo_calendar_date {
    color: #000000;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    padding: 2px;
    z-index: 20;
}

.bambo_calendar_date h1{
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.bambo_calendar_date table tr td table tr th {
    font-family: "Courier New", Courier, mono;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    width: 26px;
    padding-left: 1px;
    text-align: center;
}

.bambo_calendar_date table tr td table {
    border-collapse: collapse;
}

.bambo_calendar_date table tr td table tr td {
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    width: 26px;
    height: 26px;
}

.bambo_calendar_date table tr td table tr td a {
    font-family: "Courier New", Courier, mono;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FF0000;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
}

.bambo_calendar_date table tr td table tr td a:hover {
    color: #000000;
    background-color: #C4DBFD;
    font-size: 11px;
    font-weight: bold;
}

.bambo_calendar_date table tr td table tr td strong a {
    font-family: "Courier New", Courier, mono;
    background-color: #C4DBFD;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FF0000;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
}

.bambo_calendar_date .dayNumber {
    font-weight: bold;
    background-color: #0099FF;
    color: #FFFFFF;
}
.bambo_calendar_date .dayNumberSelected {
    font-weight: bold;
    background-color: #FFFFBB;
    color: #000000;
}

.bambo_calendar_date .left {
    text-align: left;
}

.bambo_calendar_date .left a, .bambo_calendar_date .right a{
    font-family:"Trebuchet MS";
    color:#000000;
    font-size:12px;
}

.bambo_calendar_date .right {
    text-align: right;
}

#home-link
{
	position:absolute;left:225px;top:10px;
	width:300px;
	height:75px;
}
.notes {
	font-size:0.7ems;
	}
    
    /*----FORM FORMATTING---
------------------------*/

.formMessage
{
    text-align:center;
    color:#FF0000;
}                                                       
.textBox 
{ 
    width:250px;
    font-family: Verdana;
    font-size:12px;
    margin-bottom:4px;
    margin-top:4px;
}
.validationMsg
{
    color:red;
}
#formContent
{
	position:relative;
	padding: 0px;
	width: 800px;
	margin: 0;
        border:solid 1px #007034;
}

.formPass
{
    border:0;
    font-weight: bold;
    color: #000000;
    font-size: 11px;
    /*background-color: #23215a;  */  
}
.formFail
{
    border:0;
    font-weight: bold;
    color: #000000;
    font-size: 11px;
    background-color: #C1D82F;
}
.formnotes
{   
    font-size:9px;
}

#formTable {
	vertical-align:middle;
	border:solid 1px #060;
}

h5.linkToNZBus
{
	color:#F00;
	margin-top:5px;
	margin-bottom:5px;
}

.linkToNZBus a, .linkToNZBus a:hover, .linkToNZBus a:active
{
	color:#F00;
}