/* defaults */

a
{
	color: #33f;
}

a:hover
{
	color: #f33;
}

b,
strong
{
	font-weight: bold;
}

big,
.big /* .big works better on block elements because it also adjusts the line-height. */
{
	font-size: 1.1666em;
}

blockquote,
fieldset,
p,
pre
{
	margin: 0 0 1em 0;
}

body,
.normal
{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

body.large-fonts,
body.large-fonts .normal
{
	font-size: 15px;
}

body,
button,
input,
optgroup,
option,
select,
textarea
{
	font-family: 'trebuchet ms';
}

body,
form
{
	margin: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
textarea,
.big,
.normal,
.small
{
	line-height: 1.5em;
}

button,
input,
optgroup,
option,
select,
textarea
{
	font-size: 1em;
}

dd,
fieldset,
legend,
ol,
td,
th,
ul
{
	padding: 0;
}

dfn,
em,
i
{
	font-style: italic;
}

dl,
ol,
ul
{
	margin: 0 2.5em 1em 2.5em;
}

h1, h2, h3, h4, h5, h6
{
	line-height: 1em;
	margin: 1.5em 0 0.5em 0;
}

h1
{
	font-size: 2.1666em;
}

h2
{
	font-size: 1.8333em;
}

h3
{
	font-size: 1.5em;
}

h4
{
	font-size: 1.1666em;
}

h5
{
	font-size: 1em;
}

h6
{
	font-size: 0.8333em;
}

ol
{
	list-style-type: decimal;
}

img
{
	border: 0;
	display: block;
}

ol ol
{
	list-style-type: lower-alpha;
}

ol ol ol
{
	list-style-type: lower-roman;
}

q:after,
q:before
{
	content: '';
}

small,
.small /* .small works better on block elements because it also adjusts the line-height. */
{
	font-size: 0.8333em;
}

sub
{
	font-size: 0.8333em;
	vertical-align: -0.333em;
}

sup
{
	font-size: 0.8333em;
	vertical-align: 0.333em;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

th
{
	text-align: left;
}

ul
{
	list-style-type: disc;
}

ul ul
{
	list-style-type: square;
}

ul ul ul
{
	list-style-type: circle;
}

/* forms */

button,
input
{
	line-height: normal;
}

button,
input,
select
{
	vertical-align: baseline;
}

#ie6 button,
#ie6 input,
#ie6 select,
#ie7 button,
#ie7 input,
#ie7 select
{
	vertical-align: middle;
}

button,
input.button,
input.reset,
input.submit
{
	background: #eee url(/media/base/images/form-button-hard.png) repeat-x scroll center;
	border: 0.08333em outset #ccc;
	cursor: pointer;
	padding: 0.25em 0.5em;
}

#ie6 button,
#ie6 input.button,
#ie6 input.reset,
#ie6 input.submit
{
	overflow: visible;
	background-image: none;
}

#ie7 button,
#ie7 input.button,
#ie7 input.reset,
#ie7 input.submit
{
	overflow: visible;
}

button.submit,
input.submit
{
	font-weight: bold;
}

button:focus,
input.button:focus,
input.password:focus,
input.reset:focus,
input.submit:focus,
input.text:focus,
select:focus,
textarea:focus
{
	background-color: #ddd;
	border-color: #999;
	outline: none;
}

fieldset
{
	border: 0;
	margin-top: 1.5em;
}

input.image
{
	vertical-align: middle;
}

input.password,
input.text,
textarea
{
	background: #eee url(/media/base/images/form-field.png) repeat-x;
	border: 0.08333em solid #ccc;
	padding: 0.25em;
	width: 15em;
}

#ie6 input.password,
#ie6 input.text,
#ie6 textarea
{
	background-image: none;
}

legend
{
	color: #000;
	font-size: 1.1666em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#ie6 legend,
#ie7 legend
{
	margin-left: -7px;
}

select
{
	background: #eee;
	border: 0.08333em solid #ccc;
}

#ie6 select
{
	background: none;
}

textarea
{
	height: 6em;
	width: 22.5em;
}

/* javascript */

body.js-disabled .js-enabled
{
	display: none;
}

body.js-enabled .js-disabled
{
	display: none;
}



	ul.alerts
{
	list-style: none;
	margin: 0 0 1.5em 0;
}

ul.alerts li.error, ul.alerts li.info, ul.alerts li.success, ul.alerts li.warning
{
	margin-bottom: 0.5em;
	padding: 0.5em 1em;
}

ul.alerts li.error
{
	background: #ffeeee;
	border: 1px solid #ff9999;
	color: #ff3333;
}

ul.alerts li.error a, ul.alerts li.error b
{
	color: #ff3333;
}

ul.alerts li.info
{
	background: #eeeeff;
	border: 1px solid #9999ff;
	color: #3333dd;
}

ul.alerts li.info a, ul.alerts li.info b
{
	color: #3333dd;
}

ul.alerts li.success
{
	background: #eeffee;
	border: 1px solid #99cc99;
	color: #33aa33;
}

ul.alerts li.success a, ul.alerts li.success b
{
	color: #339933;
}

ul.alerts li.warning
{
	background: #ffffcc;
	border: 1px solid #ffcc33;
	color: #cc9933;
}

ul.alerts li.warning a, ul.alerts li.warning b
{
	color: #cc9933;
}

	div.form-field,
div.form-group
{
	margin-bottom: 1em;
}

div.form-group div.form-field,
div.form-input ul,
div.form-last div.form-field,
div.form-last div.form-group,
div.form-last fieldset
{
	margin-bottom: 0;
}

#ie6 div.form-last div.form-field,
#ie7 div.form-last div.form-field
{
	padding-bottom: 0;
}

div.form-help-text,
ul.form-errors
{
	font-size: 0.8333em;
}

div.form-inline-field div.form-field
{
	padding-left: 15.5em;
	position: relative;
}

div.form-inline-field div.form-label
{
	left: 0;
	padding-top: 0.333em;
	position: absolute;
	text-align: right;
	top: 0;
	width: 15em;
}

div.form-inline-field div.w-checkboxselectmultiple div.form-label
{
	padding-top: 0;
}

div.form-inline-field div.w-radioselect div.form-label,
div.form-inline-field div.w-radioselect-textinput div.form-label,
div.form-inline-field div.w-selectmultiple div.form-label
{
	padding-top: 0.08333em;
}

div.form-inline-field div.w-nullbooleanselect div.form-label,
div.form-inline-field div.w-select div.form-label,
div.form-inline-field div.w-select-select-select div.form-label
{
	padding-top: 0.1666em;
}

div.form-inline-field table.rows div.form-field
{
	padding-left: 0;
}

div.form-input ul,
ul.form-errors
{
	list-style: none;
	margin: 0;
}

div.form-row
{
	overflow: hidden;
}

div.form-row div.form-field
{
	float: left;
	margin-right: 1.5em;
}

#ie6 div.form-row div.form-field,
#ie7 div.form-row div.form-field
{
	margin-right: 0;
	padding-bottom: 1em;
	padding-right: 1.5em;
}

ul.form-errors
{
	color: #ff3333;
}

/* fields: booleanfield, charfield, choicefield, typedchoicefield, datetimefield, filefield,
filepathfield, floatfield, imagefield, ipaddressfield, multiplechoicefield, nullbooleanfield */

input.f-datefield,
input.f-decimalfield,
input.f-hexcolourfield,
input.f-integerfield,
input.f-splitdatetimefield,
input.f-timefield
{
	width: 7.5em;
}

input.f-emailfield
{
	width: 22.5em;
}

input.f-regexfield,
input.f-urlfield
{
	width: 30em;
}

/* widgets: checkboxinput, checkboxselectmultiple, datetimeinput, fileinput, hiddeninput,
multiplehiddeninput, multiwidget, nullbooleanselect, passwordinput, radioselect, select, selectmultiple,
textarea, textinput */

input.w-splitdatetimewidget,
select.w-splitdateselect,
select.w-otherchoicewidget
{
	margin-right: 0.5em;
}

input.w-radioselect
{
	width: auto;
}

/* filter */

table.filter
{
	margin-bottom: 0.333em;
}

table.filter td
{
	background: #eef;
	border: 0.08333em solid #99f;
	color: #33d;
	margin-bottom: 0.1666em;
	padding: 0.5em 1em;
}

table.filter td.active
{
	background: #fee;
	border-color: #f99;
	color: #f33;
}

/* pagination */

input.w-pagination
{
	text-align: center;
	width: 2em;
}

/* firefox */

@-moz-document url-prefix()
{
	div.form-inline-field div.form-label
	{
		padding-top: 0.1666em;
	}

	div.form-inline-field div.w-nullbooleanselect div.form-label,
	div.form-inline-field div.w-radioselect div.form-label,
	div.form-inline-field div.w-select-select-select div.form-label
	{
		padding-top: 0;
	}

	div.form-inline-field div.w-radioselect-textinput div.form-label,
	div.form-inline-field div.w-select div.form-label
	{
		padding-top: 0.08333em;
	}

	div.form-inline-field div.w-select-textinput div.form-label
	{
		padding-top: 0.25em;
	}
}

	/* dimensions */

.h100
{
	height: 100%;
}

.w16
{
	width: 16%;
}

.w25
{
	width: 25%;
}

.w33
{
	width: 33%;
}

.w50
{
	width: 50%;
}

.w66
{
	width: 66%;
}

.w75
{
	width: 75%;
}

.w83
{
	width: 83%;
}

.w100
{
	width: 100%;
}



/* image links */

a.image
{
	background-repeat: no-repeat;
	display: block;
}

a.image span
{
	display: none;
}



/* layout */

.block
{
	display: block;
}

.center
{
	margin-left: auto;
	margin-right: auto;
}

.clear
{
	clear: both;
}

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.floats
{
	overflow: hidden;
}

.hidden
{
	display: none;
}

.inline
{
	display: inline;
}

.print
{
	display: none;
}

.relative
{
	position: relative;
}

p.float-left
{
	margin-right: 1.5em;
}



/* typography */

dl.padded > dd, dl.padded > dt, ol.padded > li, ul.padded > li
{
	margin-bottom: 1em;
}

.error
{
	color: #f33;
}

.first
{
	margin-top: 0 !important;
}

.info
{
	color: #33f;
}

.last
{
	margin-bottom: 0 !important;
}

.nowrap
{
	white-space: nowrap;
}

.p
{
	margin-bottom: 1em;
}

.success
{
	color: #393;
}

.warning
{
	color: #c93;
}


	ul, li, p
	{
		color:#242424;
	}

	a
	{
		color: #196fae;
	}

	a:hover
	{
		color: #d62723;
	}

	address
	{
		margin: 0 1.5em 1.5em 1.5em;
	}

	body
	{
		font: 14px/21px helvetica, arial, sans-serif;
	}

	div.tip
	{
		background: #fdfae4 url(/media/bananaboat/images/tip-middle.gif) repeat-y;
		width: 216px;
	}

	div.tip-top
	{
		background: url(/media/bananaboat/images/tip-top.jpg) no-repeat;
	}

	div.tip-bottom
	{
		background: url(/media/bananaboat/images/tip-bottom.gif) no-repeat bottom left;
		min-height: 243px;
		padding: 23px 26px 29px 26px;
	}

	h1, h2
	{
		color: #0e6aaf;
		font: 42px/36px 'CoopCondensed';
		margin: 0 0 18px 0;
	}

	h3
	{
		color: #4ba1d8;
		font-size: 16px;
		line-height: normal;
		margin-bottom: 6px;
	}

	img
	{
		display: block;
	}

	div.learn-more,
	img.learn-more
	{
		height: 42px;
		width: 95px;
	}

	img.logo-leaf
	{
		float: left;
		height: 32px;
		margin: 6px 6px 0 0;
		width: 57px;
	}

	#body
	{
		margin: 0 auto;
		padding-top: 32px;
		position: relative;
		width: 942px;
	}

	#logo
	{
		height: 114px;
		left: 30px;
		position: absolute;
		top: 4px;
		width: 128px;
	}

	#navigation
	{
		background: url(/media/bananaboat/images/navigation.gif) repeat-x;
	}

	#navigation-right
	{
		background: url(/media/bananaboat/images/navigation-right.gif) no-repeat top right;
		overflow: hidden;
		padding: 0 30px 0 188px;
	}

	#navigation a
	{
		color: #196fae;
		display: block;
		float: left;
		font: bold 14px arial, sans-serif;
		height: 35px;
		line-height: 35px;
		text-decoration: none;
	}

	#navigation span
	{
		display: block;
		padding: 0 13px;
	}

	#navigation a:hover,
	body.root #navigation a.home,
	body.crumb-products #navigation a.products,
	body.crumb-sun-tips #navigation a.sun-tips,
	body.crumb-promotions #navigation a.promotions,
	body.crumb-events #navigation a.events,
	body.crumb-where-to-buy #navigation a.where-to-buy,
	body.crumb-contact-us #navigation a.contact-us,
	body.crumb-sign-up #navigation a.sign-up
	{
		background: #398cc2 url(/media/bananaboat/images/navigation-link.gif) no-repeat;
		color: #ffffff;
	}

	#navigation a:hover span,
	body.root #navigation a.home span,
	body.crumb-products #navigation a.products span,
	body.crumb-sun-tips #navigation a.sun-tips span,
	body.crumb-promotions #navigation a.promotions span,
	body.crumb-events #navigation a.events span,
	body.crumb-where-to-buy #navigation a.where-to-buy span,
	body.crumb-contact-us #navigation a.contact-us span,
	body.crumb-sign-up #navigation a.sign-up span
	{
		background: url(/media/bananaboat/images/navigation-link-right.gif) no-repeat top right;
	}

	#secondary-navigation
	{
		background: #398cc2;
		color: #fff;
		margin-bottom: 4px;
		min-height: 4px;
		padding-left: 188px;
	}

	#secondary-navigation a
	{
		color: #fff;
		padding: 0 13px;
		text-decoration: none;
	}

	#secondary-navigation a:hover
	{
		text-decoration: underline;
	}

	#secondary-navigation div
	{
		display: none;
		padding: 3px 0;
	}

	#full
	{
		background: #fff url(/media/bananaboat/images/full-top.jpg) no-repeat;
		background-color:#fbfdfe;
	}

	#full-bottom
	{
		background: url(/media/bananaboat/images/full-bottom.jpg) no-repeat bottom left;
		min-height: 318px;
		overflow: hidden;
		padding: 64px 32px 157px 32px;
	}

	#bframes
	{
		float: right;
		position: relative;
		right: -16px;
	}

	#bframes a img
	{
		height: 166px;
		width: 225px;
	}

	#footer
	{
		font-size: 10px;
		margin: 3px 6px;
		overflow: hidden;
	}



	/* home */

	body.root #main
	{
		height: 629px;
	}



	/* products */
	
	body.crumb-products #products-navigation
	{
		display: block;
	}

	body.crumb-products tr
	{
		vertical-align: top;
	}

	body.crumb-products td
	{
		padding-bottom: 18px;
	}

	body.crumb-products img.pack
	{
		height: 200px;
		margin-right: 18px;
		width: 100px;
	}



	/* products what's new */

	body.root-products-whats-new img.pack
	{
		height: 160px;
		width: 90px;
	}



	/* sun tips */
	
	body.crumb-sun-tips #tips-navigation
	{
		display: block;
	}


	/* beach shelters */

	body.crumb-promotions-beach-shelters #beach
	{
		background: #fad95b url(/media/bananaboat/images/promotions/beach-shelters/bg.jpg) no-repeat;
		overflow: hidden;
	}

	body.crumb-promotions-beach-shelters #frame
	{
		background: #fdf6d1 url(/media/bananaboat/images/promotions/beach-shelters/frame-middle.gif) repeat-y;
		margin: 36px 0 22px 524px;
		position: relative;
		width: 393px;
	}

	body.crumb-promotions-beach-shelters #frame-top
	{
		background: url(/media/bananaboat/images/promotions/beach-shelters/frame-top.jpg) no-repeat top left;
	}

	body.crumb-promotions-beach-shelters #frame-bottom
	{
		background: url(/media/bananaboat/images/promotions/beach-shelters/frame-bottom.gif) no-repeat bottom left;
		min-height: 491px;
		padding: 0 26px 29px 26px;
	}

	body.crumb-promotions-beach-shelters #tabs
	{
		margin-bottom: 73px;
		overflow: hidden;
	}

	body.crumb-promotions-beach-shelters #tabs a
	{
		background: url(/media/bananaboat/images/promotions/beach-shelters/tabs.png) no-repeat;
		color: #fff;
		display: block;
		float: left;
		font-weight: bold;
		height: 24px;
		line-height: 24px;
		padding: 5px 0 3px 0;
		text-align: center;
		text-decoration: none;
		width: 139px;
	}

	body.crumb-promotions-beach-shelters #tabs a:hover
	{
		background-position: 0 -32px;
		color: #196fae;
	}

	body.root-promotions-beach-shelters #tabs a.entry-form,
	body.root-promotions-beach-shelters-prize #tabs a.prize
	{
		background-position: 0 -64px;
		color: #196fae;
	}

	body.crumb-promotions-beach-shelters #only-at-woolworths
	{
		height: 37px;
		left: 8px;
		margin-bottom: 18px;
		position: absolute;
		top: 50px;
		width: 377px;
	}

	body.crumb-promotions-beach-shelters #submit
	{
		bottom: 17px;
		position: absolute;
		right: 23px;
	}



	/* beach shelters prize */

	h1.beach-shelters
	{
		color: #d62723;
		font: 36px/30px 'Alte Haas Grotesk';
		margin-bottom: 18px;
	}



	/* events */

	body.root-events #main
	{
		height: 635px;
	}



	/* contact us */

	body.root-contact-us div.alert-container
	{
		width: 654px;
	}



	/* sign up */

	body.root-sign-up div.alert-container
	{
		width: 654px;
	}
	
	/* Winners Page */
	#main-frame
	{
		background: url(/media/bananaboat/images/promotions/beach-shelters/winners-middle.jpg);
		background-repeat: repeat-y;

	}
	
	#winners-top
	{
		background: url(/media/bananaboat/images/promotions/beach-shelters/winners-top.jpg);
		background-repeat: no-repeat;
		background-position:top left;
	}
	
	#winners-bottom
	{
		background: url(/media/bananaboat/images/promotions/beach-shelters/winners-bottom.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		min-height:500px;
		padding: 55px 55px 70px 65px;
	}