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

/* Body CSS */

*{
	margin:0;
	padding:0;
}

img{
	border:none;
}

body {
	overflow:hidden;    											/* eliminates scrollbars*/
	background-color: #DDD;
	font-family:"Trebuchet MS",Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	line-height:16px;
}

h1 {
	font-family:"Trebuchet MS",Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	color:#CCC;
	line-height:30px;	
}

h2 {
	font-family:"Trebuchet MS",Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	color:#000;
}

p2 {
	font-family:"Trebuchet MS",Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:11px;
	color:#999;
	line-height:16px;
}

#indexStripe{
	margin:0px auto;
	height:70px;
	width:100%;
	bottom:20%;
	z-index: 1;
	background-image:url(../images/header_bg.png);
	position:absolute;
}*/

#indexBackground{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}





/* Header Menu Links */

.class1 A:link {
	text-decoration:none; 
	color:#FFF;
	padding: 10px;
	padding-top: 27px;
	padding-bottom: 27px;
}

.class1 A:visited {
	text-decoration:none; 
	color:#FFF;
	padding: 10px;
	padding-top: 27px;
	padding-bottom: 27px;
}

.class1 A:active {
	text-decoration:none; 
	color:#FFF;
	padding: 10px;
	padding-top: 27px;
	padding-bottom: 27px;
}

.class1 A:hover {
	text-decoration: none; 
	color:#000;
	background-color:#CCC;
	background-image:url(../images/linkgradient.png);
	background-repeat:repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 27px;
	padding-bottom: 27px;
}





/* Footer Menu Links */

.class2 A:link {
	text-decoration:none; 
	color:#FFF;
	padding: 9px;
}

.class2 A:visited {
	text-decoration:none; 
	color:#FFF;
	padding: 9px;
}

.class2 A:active {
	text-decoration:none; 
	color:#FFF;
	padding: 9px;
}

.class2 A:hover {
	text-decoration: none; 
	color:#000;
	background-color:#CCC;
	background-image:url(../images/linkgradient.png);
	background-repeat:repeat-x;
	padding: 9px;
}






/* Email Links */

A:link {
	color: #999;
	text-decoration:none;
}

A:visited {
	color: #999;
	text-decoration:none;
}

A:active {
	color: #999;
	text-decoration:none;
}

A:hover {
	color:#CCC;
	text-decoration:underline;
}





/* Site Main DIV tags */


#enter {
	font-family:"Trebuchet MS",Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:13px;
	color:#000;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -485px;
	margin-top: 270px;
	text-align: left;
}

div#header {
	position:absolute;
	background-image:url(../images/header_bg2.png);
	top:0;
	left:0;
	width:100%;
	height:70px;
 }
 
div#footer {
	position:absolute;
	background-image:url(../images/footer_bg2.png);
	bottom:0;
	left:0;
	width:100%;
	height:35px;
 }
 
 @media screen {
 body>div#header {
 	position:fixed;
 }
 body>div#footer {
 	position:fixed;
 }
 }
 * html body {
 	overflow:hidden;
 } 
 * html div#content {
 	height:100%;
 	overflow:auto;
 }

#intro {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -481px;
	margin-top: -255px;
	text-align: left;
}





/* Header Menu */

#logo {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -480px;
	margin-top: -25px;
	text-align: left;
}

div#menucontainer {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 121px;
	margin-top: -11px;
	text-align: left;	
}

#menulist li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
	font-family:"Trebuchet MS",Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:9px;
	color:#000;
	left: 50%;
}





/* Footer Menu */

div#footermenucontainer {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -480px;
	margin-top: -6px;
	text-align: left;
}

#footermenulist li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	font-family:"Trebuchet MS",Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:9px;
	color:#000;
	left: 50%;
}





/* I Heart Design Link */

#iheartdesignLink {
	display: block;
	width: 57px;
	height: 25px;
	background: url(../images/iheartdesign_logo.png) no-repeat 0 0;
}

#iheartdesignLink:hover { 
	background-position: 0 -25px;
}

#iheartdesignLink span {
 	display: none;
}

#iheartdesignLinkcontainer {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 420px;
	margin-top: -7px;
	text-align: left;
}





/* Legal */

#copyright {
	font-family:"Trebuchet MS",Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	color:#FFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 310px;
	margin-top: -4px;
	text-align: left;
}





/* Content Container */

#contentcontainer {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -480px;
	margin-top: -237px;
	text-align: left;
	width: 960px;
	height: 509px;
	background-color:#FFF;
}

.contentborderTop {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -257px;
	text-align: left;
	width: 1000px;
	height: 20px;
	background-image:url(../images/contentborder.png);
	background-repeat:repeat;
}

.contentborderLeft {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -237px;
	text-align: left;
	width: 20px;
	height: 509px;
	background-image:url(../images/contentborder.png);
	background-repeat:repeat;
}

.contentborderRight {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 480px;
	margin-top: -237px;
	text-align: left;
	width: 20px;
	height: 509px;
	background-image:url(../images/contentborder.png);
	background-repeat:repeat;
}

.contentborderBottom {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: 272px;
	text-align: left;
	width: 1000px;
	height: 20px;
	background-image:url(../images/contentborder.png);
	background-repeat:repeat;
}





/* About Us Page */

#aboutus-content {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -228px;
	margin-left: -448px;
	width:195px;
	text-align: left;
}

.aboutus-image {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -255px;
	text-align: left;
}





/* Collections Menu */

#masterdiv {
	padding-top:34px;
	line-height:24px;
}

.menutitle {
	font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:11px;
	cursor:pointer;
	color:#000;
	width:100px;
	padding-left:30px;
	padding-bottom:20px;
	text-align:left;
}

.submenu {
	font-family:"Trebuchet MS",Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:11px;
	color:#999;
	line-height:26px;
	padding-left:40px;
	padding-bottom:20px;
}

.submenu A:link {
	color: #999;
	text-decoration:none;
}

.submenu A:visited {
	color: #999;
	text-decoration:none;
}

.submenu A:active {
	color: #999;
	text-decoration:none;
}

.submenu A:hover {
	color:#CCC;
	text-decoration:underline;
}

#winter10Link {
	display: block;
	width: 66px;
	height: 10px;
	background: url(../images/winter10.png) no-repeat 0 0;
}

#winter10Link:hover { 
	background-position: 0 -10px;
}

#winter10Link span {
 	display: none;
}

#highsummer09Link {
	display: block;
	width: 97px;
	height: 10px;
	background: url(../images/highsummer09.png) no-repeat 0 0;
}

#highsummer09Link:hover { 
	background-position: 0 -10px;
}

#highsummer09Link span {
 	display: none;
}

#summer09Link {
	display: block;
	width: 68px;
	height: 10px;
	background: url(../images/summer09.png) no-repeat 0 0;
}

#summer09Link:hover { 
	background-position: 0 -10px;
}

#summer09Link span {
 	display: none;
}

#summer10Link {
	display: block;
	width: 68px;
	height: 10px;
	background: url(../images/summer10.png) no-repeat 0 0;
}

#summer10Link:hover { 
	background-position: 0 -10px;
}

#summer10Link span {
 	display: none;
}

#edgeshadow {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -255px;
	text-align: left;
}

#collectionsMainimage {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -254px;
	text-align: left;
}

#thumbcontainer {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 57px;
	margin-top: -234px;
	text-align: left;
	width: 403px;
	height: 243px;
}

#thumbnail {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -24px;
	margin-top: -48px;
	text-align: left;
}

#thumbBorder_1 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -109px;
	margin-top: -127px;
	text-align: left;
	background-image:url(../images/thumbnail.png);
	width:67px;
	height:114px;
}

#thumbBorder_2 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -47px;
	margin-top: -127px;
	text-align: left;
	background-image:url(../images/thumbnail.png);
	width:67px;
	height:114px;
}

#thumbBorder_3 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 15px;
	margin-top: -127px;
	text-align: left;
	background-image:url(../images/thumbnail.png);
	width:67px;
	height:114px;
}

#thumbBorder_4 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 77px;
	margin-top: -127px;
	text-align: left;
	background-image:url(../images/thumbnail.png);
	width:67px;
	height:114px;
}

#thumbBorder_5 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 139px;
	margin-top: -127px;
	text-align: left;
	background-image:url(../images/thumbnail.png);
	width:67px;
	height:114px;
}

#thumbBorder_6 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 139px;
	margin-top: -18px;
	text-align: left;
	background-image:url(../images/thumbnail.png);
	width:67px;
	height:114px;
}

#thumbBorder_7 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 77px;
	margin-top: -18px;
	text-align: left;
	background-image:url(../images/thumbnail.png);
	width:67px;
	height:114px;
}

#thumbBorder_8 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 15px;
	margin-top: -18px;
	text-align: left;
	background-image:url(../images/thumbnail.png);
	width:67px;
	height:114px;
}

#thumbBorder_9 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -47px;
	margin-top: -18px;
	text-align: left;
	background-image:url(../images/thumbnail.png);
	width:67px;
	height:114px;
}

#thumbBorder_10 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -109px;
	margin-top: -18px;
	text-align: left;
	background-image:url(../images/thumbnail.png);
	width:67px;
	height:114px;
}

.divider {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 0px;
	margin-left: 215px;
	text-align: right;
	background-image:url(../images/divider.jpg);
	height:1px;
	width:245px;
}

.informationcontainer {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 0px;
	margin-left: 60px;
	width: 400px;
	text-align: right;
}





/* Stockist Page */

#stockistTitle {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -228px;
	margin-left: -448px;
	width:195px;
	text-align: left;
}

#stockist-image {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 118px;
	margin-top: -335px;
	text-align: left;
}

#stockists-nsw {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -180px;
	margin-left: -448px;
	width:195px;
	text-align: left;
}

#stockists-vic {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -180px;
	margin-left: -200px;
	width:195px;
	text-align: left;
}

#stockists-qld {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -70px;
	margin-left: -448px;
	width:195px;
	text-align: left;
}

#stockists-sa {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -70px;
	margin-left: -200px;
	width:195px;
	text-align: left;
}

#stockists-wa {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 40px;
	margin-left: -448px;
	width:195px;
	text-align: left;
}

#stockists-nz {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: 40px;
	margin-left: -200px;
	width:195px;
	text-align: left;
}





/* Contact Us Page */

#contactTitle {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -228px;
	margin-left: -448px;
	width:400px;
	text-align: left;
}

#contactus-image {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 15px;
	margin-top: -255px;
	text-align: left;
}

#contact-area {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -150px;
	margin-left: -450px;
	width:300px;
	text-align: left;

}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 420px;
	font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
	color:#999;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	background-color:#fff;
}

#contact-area textarea {
	height: 80px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #666;
}

#contact-area input.submit-button {
	width: 100px;
	margin-left: 335px;
	color:#FFF;
	background-color:#CCC;
	border: 2px solid #999;
}

label {
	float: left;
	width: 100px;
	padding-top: 5px;
	font-family:"Trebuchet MS", Verdana, Geneva, sans-serif;
	font-size: 12px;
}


/*Supersize Plugin Styles*/

#content{
	margin:0px auto;
	height:100px;
	width:100%;
	bottom:15%;
	z-index: 3;
	background: url(../images/header_bg.png) repeat-x;
	position:absolute;
}
#contentframe{
	overflow: hidden;
	background: url(../images/header_bg.png) repeat-x;
	height: 100%;
	text-align:left;
	z-index: 3;
}



/*Supersized Stamp*/
.stamp{
	float: left;
	margin: 12px 0 0 150px;
}

#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);
}
#supersize{
	position:fixed;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}