/*
	Copyright DTDigital         :: www.dtdigital.com.au ::
	Unauthorised modification / use is a criminal offence, and
	will be prosecuted to the fullest extent permitted by law.
	All Rights Reserved
*/

/* ================= @Table of content ========================
***************************************************************
***************************************************************
********** Seperate css into logical chunks of code ***********
***************************************************************
***************************************************************
	@Tags
	@Base Font
	@Misc
	@Error
	@Structual
	@Rollover Navigation
	@Content
	@Forms
	@Tables
	@List
==================== =Table of content - end ================*/

/* @Tags - START: direct tag styling that are not related font sizing */
*, html
{
	font-family: "Times New Roman", Georgia, Times, serif;
}

body, form, ul, li, h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}

html, body
{
	min-height: 100%;
	height: auto;
}

a, a:visited
{
	color: #fff;
	text-decoration: none;
}
a:hover
{
	color: #bb9653;
	text-decoration: none;
}

img
{
	border: none;
}

td
{
	vertical-align: top;
}

p
{
	margin: 0 0 1.4em 0;
	padding: 0; 
	color: #4d4d4f;
	text-align: left;
	font-size: 1.166em;
	line-height: 1.285em;
}

/* @Base Font - START: Styles for scalable font consistency */
html { font-size: 100%; /* IE hack */ }
body { font-size: 12px; /* Sets base font size to 12px */}
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }

h1 { font-size: 3.3em; line-height: 1em; margin-bottom: 0.5em; }		/* all em = 22px */
h2 { font-size: 1.9em; line-height: 1em; margin-bottom: 0.5em; }		/* all em = 22px */
h3 { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }	/* all em = 18px */
h4 { font-size: 1.333em; line-height: 1em; margin-bottom: 1em; }	/* all em = 16px */
h5 { font-size: 1em; line-height: 1em; margin-bottom: 1em; }		/* all em = 15px */
h6 { font-size: 1.167em; line-height: 1em; margin-bottom: 1em; }	/* all em = 14px */

h1, h2, h3, h4, h5, h6, img, a
{
	text-align: left;
}
h3.title01
{
	color: #4d4d4f;
	font-size: 1.0833em;
	margin-bottom: 0.4em;
}

.subtitle { line-height: 1em; margin-bottom: 1em; }
.intro { font-size: 1.083em; line-height: 1em; margin-bottom: 1em; }	/* all em = 13px */

.normal
{
	font-weight: normal;
}

ul li
{
	list-style: none;
	list-style-type: none;
}

/*
	Note:
	To set font sizes in elsewhere in the stylesheet, use the following formula
	n/b (where n = desired font size in pixels, and b = base font size in pixels)
	
	eg. font-size: 0.917em; = font-size: 11px;

END: Styles for scalable font consistency */

/* @Misc - START: misc styles */
.clear
{
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0  !important;
	margin: 0  !important;
	width: auto !important;
}
.skip-links
{
	visibility: hidden;
	position: absolute;
	top: -9999px;
	left: -9999px;
}

p img
{
	float: left;
}



/* @Error - START: form validation summary error styles */
.errors
{
	color: #bb9653;
	font-size: 1em;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px dotted #cccccc;
	position: relative;
}
.errors ul li
{
	margin-left: 16px;
}
.errors ul li
{
	color: #bb9653;
	font-size: 0.917em;
	list-style-type: square;
	padding: 0;
	background: none;
}
.error
{
	color: #ff0000;
	font-size: 1em;
	font-weight: bold;
}

/* @Structual - START: structural styles */

body
{
	background: #000;
	color: #b9b8b8;
}
#bodycontainer
{
	text-align: center;
	height: 100%;
}
#bodycontainer #bodycontainer_inside 
{
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	height: 100%;
	text-align: center;	
}
body#bg_entry #maincontainerbox
{
	background: #000 url(entrybg.jpg) center 160px no-repeat;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}
body.entry #maincontainerbox
{
	padding: 0;
	background: none;
}

#maincontainer
{
	top: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #ffffff url(headerbg.gif) center top no-repeat;
}


/** ENTRY Page **/
body#bg_entry 
{
	background:#000000;
}
body#bg_entry #maincontainerbox 
{
	background:#000000 url(entrybg.jpg) no-repeat scroll center 160px;
	height:auto !important;
	min-height:600px;
}
.age-container
{
	width: 278px; 
	height: 35px; 
	margin: 0 auto;
	text-align: left;
}

.age-container input
{
	width: 27px;
	height: 27px;
	text-align: center;
	border: none;
	background: none;
	color: #bb9653;
	font-weight: bolder;
	font-size: 13px;
	float: left;
	margin: 0 4px 0 0;
	background: url(gr_inputbg.gif) no-repeat;
	padding: 5px 0 0 0;
}

.age-container .journo-box
{
	width: 198px;
	height: 27px;
	text-align: left;
	border: none;
	background: none;
	color: #bb9653;
	font-weight: bolder;
	font-size: 13px;
	margin: 0 auto;
	background: url(gr_input_large.gif) no-repeat;
	padding: 5px 0 0 0;
}

.age-container .journo-box input
{
	width: 188px;
	height: 27px;
	text-align: left;
	border: none;
	background: none;
	color: #bb9653;
	font-weight: bolder;
	font-size: 13px;
	float: left;
	margin: 0 auto;
	padding: 0 0 0 5px;
}

.age-container input.last-input
{
	margin: 0;
}

.age-container .dd-box,
.age-container .mm-box,
.age-container .yyyy-box
{
	float: left;
}

.age-container .dd-box
{
	padding: 0 15px 0 0px;
}



.age-container .mm-box
{
	margin: 0 18px 0 0;
}


* html .age-container .mm-box
{
	margin: 0 9px 0 0px;
}

#bg_entry h1
{
	padding: 62px 0 95px 0;
	margin: 0;
	line-height: 0;
	font-size: 1.3em;
	text-align: center;
}
#bg_entry h2.title02 
{
	margin: 0;
	padding: 32px 0 10px;
	font-size: 1em;
	text-align: center;
}

#enter-btn
{
	margin-bottom: 130px;
}

#enter-btn2
{
	margin-top: 50px;
}
.errorholder 
{
	height:28px;
	margin:0 auto;
	width:278px;
}

/** Header **/
#header
{
	height: 165px;
	width: 1000px;
}


/** Main Nav **/
ul#main-navigation
{
	height: 16px;
	line-height: 16px;
	background: #fff;
	padding: 10px 0 0 292px;
}
ul#main-navigation.error-page
{
	padding: 10px 0 10px 292px;
}
ul#main-navigation li
{
	float: left;
	padding-right: 11px;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 11px;
}
ul#main-navigation li a:hover,
ul#main-navigation .l1-selected a
{
	color: #9b332e;
}
span.divider
{
	font-size: 10px;
	padding-left: 10px;
	color: #4D4D4D;
}
ul#main-navigation li span.divider
{
	font-size: 10px;
	padding-left: 10px;
	color: #e0e0e0;
}





#banner
{
	width: 1000px;
	height: 154px;
}




/** List styles **/

ul a, ul a:visited
{
	color: #4d4d4f;
	font-weight: bold;
}




/* @Rollover Navigation - START: rollover navigation styles */
/* Fixes IE6 issue with nav not working at all */
.rollover-navigation a:hover
{
	background: transparent;
}
.rollover-navigation a img.navitem_off,
.rollover-navigation a:hover img.navitem_hover,
.rollover-navigation a img.navitem_off,
.rollover-navigation a.hover img.navitem_hover
{
	display: inline;
}
.rollover-navigation a:hover img.navitem_off,
.rollover-navigation a img.navitem_hover,
.rollover-navigation a.hover img.navitem_off,
.rollover-navigation a img.navitem_hover
{
	display: none;
}
/* IE6 png fix with spans */
.rollover-navigation a span.navitem_off,

.rollover-navigation a span.navitem_off

{
	display: inline-block !important;
}

.rollover-navigation a span.navitem_hover,

.rollover-navigation a span.navitem_hover
{
	display: none !important;
}

ul.rollover-navigation 
{
	height: 33px;
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;

}

.rollover-navigation li
{
	height: 33px;
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
}

.rollover-navigation li#last
{
	margin: 0;
	padding: 0;
}

.rollover-navigation li a
{
	display: block;
	float: left;
}

.rollover-navigation li img
{
	display: block;
	float: left;
}

/* @Content - START: content styles */

.content-outer
{
	float: left;
	width: 100%;
	background: url(bg_repeater.jpg) repeat-y 0 0;
}
#content
{
}
.bg-discover-verae
{
	background: url(bg_discover-verae.jpg) no-repeat 0 0;
}
.bg-perfect-verae-occasion
{
	background: url(bg_perfect-verae-occasion.jpg) no-repeat 0 0;
}
.bg-faqs
{
	background: url(bg_faqs.jpg) no-repeat 0 0;
}
#content .content-inner
{	
	padding-bottom: 15px;
	background: url(bg_bottom.jpg) no-repeat bottom left;
}
.bg-faqs .content-inner
{	
	min-height: 820px;
	height: auto !important;
	height: 820px;
}
.bg-perfect-verae-occasion .content-inner
{	
	min-height: 650px;
	height: auto !important;
	height: 650px;
}
.bg-discover-verae .content-inner
{	
	min-height: 650px;
	height: auto !important;
	height: 650px;
}
.content-outer-error
{	
	float: left;
	width: 100%;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	background: url(bg_repeater.jpg) repeat-y 0 0;
}
.content-outer-error .content-outer-error-padding
{
	padding: 20px;
}
#content .right
{
	padding-top: 50px;
	margin-left: 540px;
}
#content .right .right-padding
{
	padding-right: 60px;
}



/* @INFO BOX - START: Info Box styling */
.info-box-container
{
	width: 398px;
	padding-top: 4px;
	margin-bottom: 20px;
	background: url(gr_info-box-top.gif) no-repeat 0 0;
}
.info-box
{
	padding-bottom: 4px;
	background: url(gr_info-box-bottom.gif) no-repeat bottom left;
}
.info-box .info-box-inner
{
	padding: 16px 19px 12px 19px;
	background: #ffffff;
}
.info-box h4
{
	font-size: 1em;
	font-weight: normal;
	color: #999999;
	margin-bottom: 0.2em;
}
.info-box p
{
	margin-bottom: 0.9em;
}
.info-box img.btn
{
	float: left;
}
.info-box li
{
	margin-bottom: 1em;
	border-bottom: 1px solid #f2f2f2;
}
.info-box li.last
{
	border-bottom: none;
}



/* @Quote - START: Quote styling */
.quote01
{
	float: left;
	width: 100%;
}
.quote01 p
{
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
	color: #4d4d4f;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}
span.author
{
	display: block;
	color: #4d4d4f;
	font-size: 11px;
	font-style: normal;
	line-height: 1.636em;
}


/* @FAQs - START: FAQs styling */

#faq
{
	width: 415px;
}
.faq-item
{
	margin-bottom: 12px;
	padding-bottom: 1.4em;
	text-align: left;
	border-bottom: 1px solid #e4ebed;
}
.faq-item.last
{
	border: none;
}
.faq-item .answer
{
	width: 380px;
}

.faq-item .answer p, .faq-item .answer ul li
{
	margin-bottom: 0;
	color: #4d4d4f;
}
.faq-item h5
{
	float: left;
	width: 100%;
	margin: 0;
	
}
.faq-item h5.subtitle02 a
{
	float: left;
	width: 325px;
	font-weight: bold;
	font-size: 1.166em;
	line-height: 1.4em;
	color: #4d4d4f;
	padding: 0 0 0 0;
}
.faq-item h5.subtitle02 img
{
	float: left;
}
.subtitle02 a:visited
{
	color: #000000;
}
.minus
{
	display: block;
	background: url(ico_minus.gif) 0 6px no-repeat;
	padding: 0 0 0 0;
	width: 26px;
	height: 25px;
	float: right;
}
.plus
{
	display: block;
	background: url(ico_plus.gif) 0 3px no-repeat;
	padding: 0 0 0 0;
	width: 26px;
	height: 25px;
	float: right;
}




/* @ Miscellaneous - START: Miscellaneous styling */
.pushright01
{
	float: right;
	margin: 0 0 5px 5px;
}

#maincontainerbox
{
	float: left;
	width: 1000px;
	padding-bottom: 38px;
	background: #fff;
}
/* @ Footer - START: Footer styling */
#footer
{
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 3em 0;
	overflow: hidden;
	background: #000000 url(logo_enjoy-responsibly.gif) 840px 30px no-repeat;
}
#footer ul
{
	margin: 0 0 0 300px;
}
#footer ul li
{
	float: left;
	margin-right: 14px;
}
#footer ul li a, #footer a:visited
{
	font-size: 13px;
	font-size: bold;
	color: #4d4d4d;
	font-weight: normal;
}
#footer a:hover
{
	color: #fff;
}