/**********************************************
 Vii Website StyleSheet
 CSS & Design by K Welna @ CSP http://www.csp.uwa.edu.au
************************************************
CONTENTS

USE THE 3 DIGIT CODE TO SEARCH FOR THE DESIRED SECTION

001  GENERAL STYLES FOR LAYOUT
002  GENERAL TEXT STYLES
003  MENU STYLES
004  NEWS BOX STYLES
005  MAIN CONTENT STYLE
006  GIFT PAGE STYLE
007  LOYALTY PAGE STYLE
008  STORED VALUE STYLE
009  CONTACT PAGE STYLE
0010 FOOTER STYLES

**********************************************/

/* 001 GENERAL STYLES FOR LAYOUT */

body
{
	background: transparent url(topbackground.jpg) top repeat-x;
}

.pagemaster
{
	width: 100%;
	height: 100%;
	background-color: Transparent;
}

/* nav */

.mouseover a:hover div
{background-position: 0px -44px;color:#FFFFFF;}

.mouseover a div
{color:#333333;text-decoration:none;font-family: Tahoma,Arial,Helvetica; font-size: 9pt;}

.mouseover a div div
{padding-top:14px;}

.mouseoverWrapText a:hover div
{background-position: 0px -44px;color:#FFFFFF;}

.mouseoverWrapText a div
{color:#333333;text-decoration:none;font-family: Tahoma,Arial,Helvetica; font-size: 9pt;}

.mouseoverWrapText a div div
{padding-top:6px;}


.RetailServices
{padding-right: 70px;}

.phone
{color: Orange;font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;font-size: 22px;text-align: justify;}

.subNav
{background-image:URL('breakLine.gif');background-repeat:no-repeat;background-position:center left;font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;font-weight: normal;font-size: 14px;}

TD.subNav a
{text-decoration:none;}

TD.subNav a:link
{color: #999999;}

TD.subNav a:hover
{color: #ef5e65;}

.subNav_news
{
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #999999;
	font-size: 23px;
	font-weight: lighter;
	width: 80px;
	text-align: left;
	height: 20px;
}

TABLE.footerContainer
{border-top:solid 1px #CCCCCCC;}

TD.menuContainer
{padding-top:20px;}


/*002 GENERAL TEXT STYLES*/

/*h1, styled in CONTENT section */

div#Vii_splash {
	background-image:url(../resources/Viifrontpic.jpg);
	width: 972px;
	height: 369px;
}

#Vii_splash h1
{
	color: #777777;
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 30px;
	width: 320px;
	text-align: left;
	position: absolute;
	left: 700px;
	top: 370px;
}

h2
{
	color: #df193a;
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 30px;
}

h3
{
	color: #df193a;
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 20px;
}

a:link
{
	color: #303030;
	text-decoration: underline;
}

a:visited
{
	color: #303030;
}

a:hover
{
	color: #ef5e65;	
}

ul, li
{
	list-style-type: disc;
}

.error
{
	color: #CC0000;
}

.success
{
	font-weight:bold;
}


/*003 MENU STYLES*/


.main_dnnmenu_rootitem td, .main_dnnmenu_item td
{
	cursor: pointer;
	cursor: hand;
	text-align: center;
	width: 119px !important;
	height: 42px;
	font-weight: normal;
	font-style: normal;
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	color: #999999;
}

.main_dnnmenu_rootitem td
{
	cursor: pointer;
	cursor: hand;
	background: url('whitebutton.gif') no-repeat center;
}

.dnn_dnnnav_ctldnnnav_spmitm, .main_dnnmenu_item
{
	color: #359cc2;
}

.main_dnnmenu_itemhover td
{
	padding: 0px;
	color: #999999;
	background: url('hoverbutton.gif') no-repeat center;
	cursor: pointer;
		cursor: hand;
		text-align: center;
		width: 119px !important;
		height: 42px;
		font-weight: normal;
		font-style: normal;
		font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
		font-size: 12px;
}

.main_dnnmenu_icon
{
	cursor: pointer;
	cursor: hand;
	text-align: center;
	width: 15px;
	height: 100%;
	display: none;
}

.main_dnnmenu_submenu
{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	z-index: 1000;
	cursor: pointer;
	cursor: hand;

	padding: 1px 1px 1px 1px;
	width: 150px;
}

.main_dnnmenu_break
{
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow
{
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 0px solid;
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
	display: none;
}

.main_dnnmenu_rootmenuarrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
	display: none;
}

.StandardButton
{
	background: #aaaaaa none;
	color: #ffffff;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.TreeViewMenu
{
	width: 175px;
	background-color: #dddddd;
	border-right: #8f9092 1px solid;
	border-top: #8f9092 1px solid;
	border-left: #8f9092 1px solid;
	border-bottom: #8f9092 1px solid; -moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}

.TreeViewMenu_Header
{
	background-image: url(gradient_LtGray.jpg);
}

.Head
{
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
}

.ViiMenu
{
	padding-left: 0px;
}


.ViiMenu_td {width: 520px !important;}

.skinheader td img
{
	float: left;
	margin-left: 660px;
	
}


.ViiMenu a
{
	display: block;
}

.ViiMenu_Gift a, .ViiMenu_Gift a:hover, .ViiMenu_Loyalty a, .ViiMenu_Loyalty a:hover, .ViiMenu_Value a, .ViiMenu_Value a:hover, .ViiMenu_Corp a, .ViiMenu_Corp a:hover
{
	height: 42px;
	width: 119px;
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-align: center;
	line-height: 15px;
	color: #ffffff !important;
	padding-right: 0px;
	padding-top: 6px;
	text-decoration: none;
}

.ViiMenu_Corp a
{
	background: url(greybutton.gif) top center no-repeat;
}

.ViiMenu_Corp a:hover
{
	background: transparent url(greyhover.gif) top center no-repeat;
}

.ViiMenu_Gift a
{
	background: url(bluebutton.gif) top center no-repeat;
}

.ViiMenu_Gift a:hover
{
	background: transparent url(bluehover.gif) top center no-repeat;
}

.ViiMenu_Loyalty a
{
	background: transparent url(greenbutton.gif) top center no-repeat;
}

.ViiMenu_Loyalty a:hover
{
	background: transparent url(greenhover.gif) top center no-repeat;
}

.ViiMenu_Value a
{
	background: transparent url(redbutton.gif) top center no-repeat;
}

.ViiMenu_Value a:hover
{
	background: transparent url(redhover.gif) top center no-repeat;
}

div#cab
{
	position:absolute;
	top:18px;
	left:20px;	
	height: 27px;
	width: 94px;
	margin:0;
	padding:0;
	background: url(cab_over.gif) top left no-repeat;
	text-align: center;	
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	line-height:27px;			
}

div#cab a, div#cab a:hover, div#cab a:link, div#cab a:visited
{
    display:block;
	color: #FFFFFF;
	padding:0;
	margin:0;
	text-decoration: none;
	width:100%;
}

div#cab a:hover
{
	background: transparent url(cab_out.gif) top left no-repeat;
	width:100%;
}



/*004 NEWS BOX STYLES*/

.newsheader
{
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #999999;
	font-size: 22px;
	font-weight: lighter;
	padding: 0px;
	width: 90px;
	white-space: nowrap;
	margin-top: 25px;
	padding-left: 30px;
}

.news
{
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #999999;
	font-size: 12px; ;
    font-weight:lighter;
    display:block;
}

.newsheader img
{
	padding-left: 45px;
	margin-top: 7px;
	margin-bottom: 0px;
}

.bottompane .SubHeadNews
{
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 14px;
	color: #999999;
	display: block;
	text-align: center;
	width: 210px;
}

.bottompane span
{
	display: block;
	padding-left: 5px;
}
.NewsTitle a:link
{
	text-decoration: none;
}

.NewsTitle a:hover
{
	text-decoration: none;
	color: #ef5e65 !important;
}

.bottompane .SubHeadNews a:hover
{
	text-decoration: none;
	color: ef5e65 !important;
}

.NewsTitle a
{
	text-decoration: none !important;
}

.NewsTitle a:link span.SubHeadNews
{
	text-decoration: none;
}

.NewsTitle a:hover span
{
	text-decoration: none;
	color: ef5e65 !important;
}


.NewsTitle
{
	width: 230px;
	background: url(News-divider.jpg) no-repeat top right;
	text-align: center;
	height: 20px;
}

.NewsTitle_H
{
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #999999;
	font-size: 23px;
	font-weight: lighter;
	width: 80px;
	text-align: left;
	height: 20px;
}

#NewsImage
{
	display: block;
	position: relative;
	top: -20px;
	left: 82px;
	width: 3px;
	height: 20px;
	background: url(News-divider.jpg) top no-repeat right;
}


#News
{
	display: block;
	position: relative;
	top: -4px;
}



/* 005 MAIN CONTENT STYLE */

.moveup
{
	margin-top: -6px;
}
.manylines
{
	line-height: 38px;
	padding-bottom: 0px;
	margin-bottom: 9px;
}

.maincontent
{
	margin: 10px 0px;
	margin-top: 10px;
	color: #303030;
	font-size: 13px;
}

.maincontent .leftpane
{
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 0px;
	text-align: justify;
	width: 550px;
}

.maincontent .leftpane p
{
	font-size: 13px;
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	text-align: justify;
}

.maincontent .leftpane h1
{
	color: #999999;
	font-size: 45px;
	font-weight: normal;
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #df193a;
	padding-top: 10px !important;
	padding-left: 10px;
}

.maincontent .leftpane img
{
	margin-bottom: 10px;
}

.maincontent .leftpane table
{
	width: auto !important;
	height: auto !important;
}

.maincontent .leftpane table td
{
	padding-top: 20px;
}

.maincontent .leftpane table td
{
	border-bottom: 0px solid #da032f;
}

.maincontent, .skinmaster table
{
	border: collapse !important;
}

.maincontent .leftpane img
{
	float: left;
	display: block;
}

.maincontent .contentpane
{
	font-size: 13px;
	font-family: 'Myriad pro' ,Arial, Helvetica, Century Gothic, Verdana, Sans-Serif;
	text-align: left;
	width: auto;
}

.maincontent .contentpane ul li, .maincontent .contentpane p
{
	list-style-type: disc;
	font-size: 13px;
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #999999;
	margin-left: 20px;
	line-height: 20px;
}

.maincontent .contentpane p
{
	margin-left: 50px;
	margin-top: 2px;
	padding-right: 20px;
}

.leftpane
{
	width: auto;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}


/*006 GIFT PAGE STYLE*/


#giftpage .maincontent .leftpane h1
{
	color: #5bc7d1;
	line-height: normal;
	padding-bottom: 0px;
	line-height: 38px;
	margin-bottom: 9px;
}


#giftpage .maincontent .contentpane
{
	background: transparent url(giftperson.jpg) top left no-repeat;
	width: 450px;
	padding-top: 320px;
	padding-bottom: 40px;
	padding-left: 80px;
}



#giftpage .maincontent .contentpane ul
{
	padding-bottom: 20px;
}

#giftpage .maincontent .contentpane p
{
	margin-left: 50px;
}

/* CORPORATE PAGE STYLE*/


#corporatepage .maincontent .leftpane h1
{
	color: #df193a;
	line-height: normal;
	padding-bottom: 0px;
	line-height: 38px;
	margin-bottom: 9px;
}


#corporatepage .maincontent .contentpane
{
	width: 450px;
	padding-top: 320px;
	padding-bottom: 40px;
	padding-left: 80px;
}

#corporatepage .maincontent .contentpane ul
{
	padding-bottom: 20px;
}

#corporatepage .maincontent .contentpane p
{
	margin-left: 50px;
}


/*007 LOYALTY PAGE STYLE*/


#loyaltypage .maincontent .leftpane h1
{
	color: #c0d035;
	line-height: normal;
	padding-bottom: 0px;
	line-height: 38px;
	margin-bottom: 9px;
}


#loyaltypage .maincontent .contentpane
{
	background: transparent url(loyaltyperson.jpg) top left no-repeat;
	width: 450px;
	padding-top: 275px;
	padding-bottom: 0px;
	padding-left: 140px;
}


#loyaltypage .maincontent .contentpane ul li, #loyaltypage .maincontent .contentpane p
{
	margin-left: 30px;
	line-height: 24px;
}

/*008 STORED VALUE STYLE*/

#storedpage .maincontent .leftpane h1
{
	color: #df193a;
	line-height: normal;
	padding-bottom: 0px;
	line-height: 38px;
	margin-bottom: 9px;
}

#storedpage .maincontent .contentpane
{
	background: transparent url(storeperson.jpg) top left no-repeat;
	width: 450px;
	padding-top: 305px;
	padding-bottom: 0px;
	padding-left: 150px;
}

#storedpage .maincontent .contentpane ul li, #storedpage .maincontent .contentpane p
{
	margin-left: 20px;
	line-height: 24px;
}

#storedpage .maincontent .contentpane ul
{
	padding-bottom: 0px;
}

/*009 CONTACT PAGE STYLE*/

#contactpage a:link
{
	color: #303030;
	text-decoration: none;
}
#contactpage a:hover
{
	color: #ef5e65;
}

#contactpage .FormTextArea
{
	width: 270px;
}

#contactpage .FormLabelCell
{
	width: 215px;
}

#contactpage .FormTable
{
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	color: #303030;
	font-size: 13px;
	padding-bottom: 20px;
}

#contactpage .maincontent .leftpane table td
{
	padding-top: 2px;
}

#contactpage .contentpane table
{
	color: #303030;
	width: 400px !important;
}


#contactpage .contentpane .contact
{
	padding-top: 70px;
	font-size: 13px;
}

#contactpage .maincontent
{
	margin-top: 28px;
}


#contactpage .leftpane
{
	width: 500px !important;
	border-right: 1px solid #df193a;
}

#contact .contentpane
{
	padding-top: 40px;
}

#contactpage .FormTextBox, #contactpage .FormTextArea, .FormDropDownList
{
	border: 1px solid #c7c2c2 !important;
}

#contactpage h3
{
	margin: 0px;
	font-size: 20px !important;
	padding-top: 30px;
	padding-bottom: 5px;
	color: #df193a;
	font-weight:normal;
}

.hoursbox td
{
	border-bottom: 1px solid #df193a;
	padding: 5px 0px;
}



/* 0010 FOOTER STYLES */

#footerpane .SkinObject, .footer
{
	font-weight: normal;
	font-size: 10pt;
	color: #999999;
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.footer
{
	display: block;
	padding-top: 5px;
}

#footerpane
{
	width: 1008px;
	border-top: 1px solid #dcdbdb;
}

.DNN_AAN_DesignTable
{
	padding: 0px;
	margin: 0px;
}

.clientaccess a, .clientaccess a:link, .clientaccess a:visited, .clientaccess a:hover
{
	font-weight: normal;
	font-size: 10pt;
	color: #999999;
	font-family: Myriad Pro, Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}