/*
	Cocopani Australia stylin'
*/

html, body {
	height: 100%;
}

div#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -320px;
	float: left;
}

div#body,
div#header,
div#content-area,
div#footer
{
	overflow: hidden;

	font-size: 13px;
	font-family: Arial, sans-serif;

	color: #333;
}

div#body
{
	width: 900px;
	height: 600px;

	clear: both;
	position: relative;

	margin: 0 auto;

	padding: 20px 50px;

	top: -450px;

	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
}

/* Hide from IE5mac \*//*/
div#shim {
	display: none;
}
html, body {
	height: auto;
}
/* end hack */

/* ]]> */

div#content
{
	position: relative;
}

div#header
{
	height: 50px;
}

div#content-area
{
	height: 475px;
	padding: 25px;

	position: relative;
}

div#footer
{
	height: 25px;
}

/* header */
div#header
{
	position: relative;
}

div#header h1
{
	position: absolute;

	width: 133px;
	height: 50px;

	background-image: url(../images/logo.png);

	right: 0;

	text-indent: -9999em;
}

div#header h1 a
{
	display: block;

	width: 100%;
	height: 100%;
}

div#navigation
{
	width: 648px;
	height: 50px;

	position: absolute;

	top: 0;
}

div#navigation ul
{
	height: 24px;
}

div#navigation ul li
{
	display: block;
	float: left;
	height: 25px;
}

div#navigation ul li a
{
	display: block;

	width: 100%;
	height: 100%;

	text-indent: -9999em;

	margin-top: 16px;

	background-image: url(../images/nav.png);
}

div#navigation ul li#navigation-cocopani
{
	width: 116px;
}

div#navigation ul li#navigation-cocopani a
{
	background-position: 0 -13px;
}

div#navigation ul li#navigation-cocopani a:hover,
div#navigation ul li#navigation-cocopani a.active
{
	background-position: 0 -63px;
}

div#navigation ul li#navigation-collections
{
	width: 141px;
}

div#navigation ul li#navigation-collections a
{
	background-position: -116px -13px;
}

div#navigation ul li#navigation-collections a:hover,
div#navigation ul li#navigation-collections a.active
{
	background-position: -116px -63px;
}

div#navigation ul li#navigation-shop
{
	width: 57px;
}

div#navigation ul li#navigation-shop a
{
	background-position: -257px -13px;
}

div#navigation ul li#navigation-shop a:hover,
div#navigation ul li#navigation-shop a.active
{
	background-position: -257px -63px;
}

div#navigation ul li#navigation-gift-certificate
{
	width: 166px;
}

div#navigation ul li#navigation-gift-certificate a
{
	background-position: -314px -13px;
}

div#navigation ul li#navigation-gift-certificate a:hover,
div#navigation ul li#navigation-gift-certificate a.active
{
	background-position: -314px -63px;
}

div#navigation ul li#navigation-media
{
	width: 64px;
}

div#navigation ul li#navigation-media a
{
	background-position: -480px -13px;
}

div#navigation ul li#navigation-media a:hover,
div#navigation ul li#navigation-media a.active
{
	background-position: -480px -63px;
}

div#navigation ul li#navigation-contact
{
	width: 104px;
}

div#navigation ul li#navigation-contact a
{
	background-position: -544px -13px;
}

div#navigation ul li#navigation-contact a:hover,
div#navigation ul li#navigation-contact a.active
{
	background-position: -544px -63px;
}
/* end header */

/* footer */
div#footer
{
	position: relative;
}

div#footer div.tag-line h2
{
	position: absolute;

	width: 243px;
	height: 13px;

	background-image: url(../images/tag-line.png);

	left: 1px;
	bottom: 0;

	text-indent: -9999em;
}

div#footer div.notes p
{
	position: absolute;
	bottom: 0;

	font-size: 11px;
}

div#footer div.notes p.copyright
{
	width: 190px;
	height: 12px;
	line-height: 14px;
/*
	background-image: url(../images/copyright.png);
	background-position: -16px 0;
*/
	color: #ccc;

	right: 220px;

	text-transform: uppercase;
}

div.social-media
{
font-size:11px;
line-height: 16px;
height: 16px;
float: right;
margin-top:8px;
}

.social-img
{
padding-left: 5px;
border: none;
}

div#footer div.notes p.tnc
{
	width: 102px;
	height: 12px;

	right: 424px;
}

div#footer div.notes p.tnc a
{
	color: #333;
	text-decoration: none;
}
/* end footer */

/* terms and conditions popup */
div.terms-and-conitions
{
	font-size: 11px;
	font-family: Arial, sans-serif;

	color: #333;

	padding-right: 50px;
}

div.terms-and-conitions p,
div.terms-and-conitions h2,
div.terms-and-conitions h3
{
	margin: 30px 0;
}

div.terms-and-conitions h2
{
	font-size: 16px;
}

div.terms-and-conitions h3
{
	font-size: 13px;
}

div.terms-and-conitions p
{
	line-height: 21px;
}

div#fancy_close:hover
{
	cursor: pointer;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('jquery.fancybox/fancy_progress.png') no-repeat;
}