body
{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 12px;
	color: #000000;
	height: 100%;
}

form
{
	padding: 0;
	margin: 0;
}

/* generic element styles */
img
{
	border: 0;
	margin: 0;
	padding: 0;
}

embed
{
	border: 0;
	margin: 0;
	padding: 0;
}

object
{
	border: 0;
	margin: 0;
	padding: 0;
}

.clearboth
{
	position: relative;
	clear: both;
}

.floatRight
{
	float: right;
	position: relative;
}

.floatLeft
{
	float: left;
}

.loaderIcon
{
	display: none;
}

.lovelinksInput, .lovelinksInputText, .lovelinksInputTextSmall
{
	font-size: 10px;
	border: 1px solid #abadb3;
}

td.dayMonthCell, .lovelinksInputTextSmall
{
	width: 50px;
}

.lovelinksInputText
{
	width: 130px;
}

.stdInputField
{
	height: 20px !important;
}

.passwordInputFormTable tr td, .passwordInputFormTable tr td.stdInputField
{
	padding-right: 3px !important;
}

/* generic font and link styles */

.small
{
	font-size: 9px;
	color: #000000;
}

.bold, .boldUnderline
{
	font-weight: bold;
}

.underline, .boldUnderline
{
	text-decoration: underline;
}

.italic
{
	font-style: italic !important;
}

.mediumFont
{
	font-size: 11px;
	z-index: 1;
}

.lovelinksBold
{
	font-weight: bold;
	color: #d11b39;
}

.petitesBold
{
	font-weight: bold;
	color: #5bc5d1;
}

.mediumError, .passwordRecoveryHolderTable #errorHolderCell
{
	font-size: 10px;
	color: #d11b39 !important;
}

.smallError
{
	font-size: 9px;
	color: #d11b39;
}

.positive, .positiveResponse
{
	color: #22ab25 !important;
}

.negative
{
	color: #d11b39 !important;
}

.mediumPositiveResponse
{
	vertical-align: top !important;
	font-size: 10px;
	color: #22ab25;
}

.watermarkGreyLovelinks
{
	color: #7f7f7f;
	font-size: 10px;
	border: 1px solid #abadb3;
	width: 130px;
}

/* main table styles */
table.mainTable
{
	width: 991px;
	height: 582px;
	margin: 10px auto 0 auto;
	vertical-align: top;
}

table.mainTableNonFixed, table.MainTableNonFixedNoBorder
{
	width: 991px;
	margin: 10px auto 0 auto;
}

table.mainTable tr td, table.mainTableNonFixed tr td
{
	padding: 0;
	margin: 0;
}

table.lovelinksMainTable, table.lovelinksMainTableNonFixed
{
	border: 2px solid #d11b39;
}

table.petitesMainTable, table.petitesMainTableNonFixed
{
	border: 2px solid #5bc5d1;
}

table.mixNMatchMainTable, table.mixNMatchMainTable
{
	border: 2px solid #bed338;
}

table.mixNMatchMainTable tr td
{
	vertical-align: top;
}

div#envoyLinkPanel
{
	position: relative;
	clear: both;
	width: 991px;
	height: 12px;
	margin: 0 auto 0 auto;
	font-size: 11px;
	color: #818181;
}

div#envoyLinkPanel a, div#envoyLinkPanel a:visited, div#envoyLinkPanel a:active
{
	font-size: 11px;
	color: #2e6d3b;
	text-decoration: none;
}

div#envoyLinkPanel a:hover
{
	text-decoration: underline;
}

/* main table homepage specific styles */
div#myLovelistHolder
{
	margin-top: 5px;
	clear: both;
	position: relative;
	text-align: right;
}

/* Flash holder */
div#SelectedBeadUpdateProgress
{
	text-align: left;
	width: 100px;
	margin-left: 10px;
	clear: both;
}

div#loginStatusHolder
{
	position: relative;
	vertical-align: top;
}

div#newsletterHolderPanel
{
	position: relative;
	margin: 10px 0 0 20px;
	width: 960px;
	height: 449px;
}

div#stringItOnHolderPanel
{
	position: relative;
	width: 990px;
	height: 580px;
	margin: 0;
	padding: 0 !important;
}

div.secondaryPromoHolder
{
	position: relative;
	clear: both;
	width: 210px;
	height: 267px;
	text-align: right;
}

div#secondaryFlashHolder
{
	position: absolute;
	top: 10px;
	width: 210px;
	height: 267px;
	right: 0;
}

.passwordResetControl tr td
{
	text-align: left !important;
	font-size: 11px;
}

.passwordRecoveryHolderTable
{
	border: 0;
	width: 310px;
	height: 85px;
}

.passwordRecoveryHolderTable th
{
	height: 14px;
	font-weight: normal;
}

.passwordRecoveryHolderTable #errorHolderCell
{
	height: 17px;
}

.passwordRecoveryHolderTable .passwordLabelCell
{
	vertical-align: middle;
	width: 100px;
	height: 54px !important;
}

.passwordRecoveryHolderTable .passwordInputCell
{
	vertical-align: middle;
	width: 132px;
	height: 54px !important;
}

.passwordRecoveryHolderTable .passwordInputCell input
{
	width: 130px;
	font-size: 10px !important;
}

.passwordRecoveryHolderTable .passwordSubmitButtonCell
{
	vertical-align: middle;
	width: 78px;
	height: 54px !important;
}

div.centeredWrapper
{
	width: 991px;
	margin: 10px auto 0 auto;
	z-index: 5;
}

div.productLinePanelFixed
{
	position: relative;
	height: 582px;
}

div.productLinePanelNonFixed, div.productLinePanelNoBorderNonFixed
{
	position: relative;
	min-height: 582px;
}

div.productLinePanelNoBorderNonFixed
{
	width: 995px;
}

div.productLinePanelNonFixed, div.productLinePanelFixed
{
	border: solid 2px #000000;
	width: 991px;
}

div.headerPanel div.myLovelistHolderPanel, div.pasticheStoryHeaderPanel div.myLovelistHolderPanel
{
	float: right;
	width: 189px;
	height: 60px;
	margin-top: 5px;
	margin-right: 8px;
	vertical-align: top;
	text-align: right;
}

/* Main Nav Styles */
div#mainNavHolder
{
	position: absolute;
	width: 229px;
	text-align: right;
	vertical-align: bottom;
	clear: both;
	right: 5px;
	z-index: 6;
}

div.productLinePanelFixed div#mainNavHolder, div.productLinePanelNonFixed div#mainNavHolder, table div#mainNavHolder
{
	bottom: 0;
}

div.productLinePanelNoBorderNonFixed div#mainNavHolder
{
	top: 390px;
}

ul#mainNavItemsList
{
	text-align: left;
	padding: 0;
	margin: 0;
	width: 229px;
	z-index: 6;
}
ul#mainNavItemsList, ul#mainNavItemsList li
{
	margin: 0;
	list-style-type: none;
	line-height: 15px;
	z-index: 6;
}

ul#mainNavItemsList li
{
	display: block;
	text-align: right;
	height: 15px;
}

ul#mainNavItemsList li.last
{
	display: block;
	text-align: right;
	line-height: 15px;
	padding: 0 !important;
	margin: 0 !important;
	height: 40px;
}

.gotoImageButton
{
	margin: 0 5px 0 0;
}

/* Pastiche Story */
div.pasticheStoryHeaderPanel
{
	width: 991px;
	height: 66px;
}

div.pasticheStoryHeaderPanel div.logoHolderPanel
{
	float: left;
	width: 295px;
	height: 66px;
}

div.pendantImageHolderPanel
{
	float: left;
	width: 322px;
	height: 500px;
}

div.storyBodyTextHolderPanel
{
	width: 450px;
	float: left;
}

div.pasticheStoryHolderPanel, div.errorHolderPanel
{
	padding-left: 5px;
}

/* Catalogue Styles */
div.catalogueInstructionsPanel
{
	width: 450px;
	margin: 0 auto 0 auto;
	font-size: 11px;
	text-align: center;
}

div.catalogueInstructionsPanel table
{
	text-align: center;
	margin: 0 auto 0 auto;
}

/* Bead Selector */
div.beadSelectorContentAreaPanel
{
	/*float: left;*/
	width: 765px;
	height: 450px;
}

div.selectYourBeadsPanel
{
	position: absolute;
	top: -20px;
	left: 495px;
}

div.selectFromRange
{
	position: absolute;
	top: -20px;
	left: 315px;
}

div.beadSelectorMenuHolderPanel
{
	position: absolute;
	top: -35px;
	right: 5px;
	height: 450px;
	width: 218px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

div#noticePanel
{
	position: relative;
	display: block;
	width: 220px;
	height: 15px;
}

div#noticePanel div
{
	font-size: 9px;
	color: #22ab25;
}

div.selectorMenuButtons
{
	position: relative;
	float: left;
	clear: both;
	text-align: left !important;
}

div.returnToCompleteBeadSelectorPanel
{
	position: absolute;
	top: 500px;
	left: -200px;
	width: 500px;
	text-align: left;
	height: 20px;
	z-index: 20;
}

div#beadCompatibilityLinkHolder, div.beadCompatibilityLinkHolder
{
	position: absolute;
	bottom: 0;
	left: 5px;
	font-size: 11px !important;
}

div.beadCollectionLinkHolder
{
	position: absolute;
	bottom: 20px;
	left: 5px;
	font-size: 11px !important;
}

div#largeImageHolderPanel
{
	position: relative;
	width: 220px;
	height: 168px;
	clear: both;
	text-align: right;
	vertical-align: bottom !important;
}

div#largeImageHolderPanel img
{
	float: left;
}

div#beadInformationPanel
{
	position: relative;
	float: right;
	vertical-align: bottom !important;
	height: 168px;
	width: 72px;
}

div#informationCopy
{
	position: absolute;
	bottom: 0;
	right: 5px;
	width: 95px;
	font-size: 11px;
	z-index: 2;
}

/* Competitions */
div.competitionHolderPanel
{
	position: relative;
	height: 477px;
	width: 979px;
}

div.competitionDescriptionPanel, div.competitionDescriptionPanelLarge
{
	position: relative;
	z-index: 10;
	margin-left: 10px;
	padding-top: 10px;
	font-size: 12px;
	z-index: 1;
}

div.competitionDescriptionPanel a
{
	font-size: 12px;
}

div.competitionDescriptionPanel
{
	height: 477px;
	width: 450px;
}

div.competitionDescriptionPanel p
{
	margin-top: 15px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.competitionProductImage
{
	position: absolute;
	top: -20px;
	left: 580px;
	width: 424px;
	height: 375px;
	z-index: 2;
}

div.mix-it-up-scattered-beads
{
	position: absolute;
	width: 673px;
	height: 182px;
	bottom: 10px;
	left: 120px;
	z-index: 2;
}

div.entryForm
{
	font-size: 14px !important;
	width: 400px;
}

div.entryForm a, div.competitionResponsePanel a, div.loginOrRegisterPanel a
{
	font-size: 14px !important;
}

div.competitionResponsePanel, div.loginOrRegisterPanel
{
	padding-top: 20px;
	width: 400px;
	font-size: 14px;
}

.llHighlight
{
	font-weight: bold;
	color: #d11b39;
	font-size: 12px;
}

.petitesHighlight
{
	font-weight: bold;
	color: #5bc5d1;
	font-size: 12px;
}

div#noticePanel
{
	position: relative;
	display: block;
	width: 162px;
	height: 15px;
}

div#noticePanel div
{
	font-size: 9px;
	color: #22ab25;
}

/* Registration Styles */
div#registrationBraceletImageHolderPanel
{
	position: absolute;
	width: 90px;
	height: 518px;
	bottom: 0;
	left: 10px;
	z-index: 2;
}

table.registrationFormTable tr td
{
	vertical-align: top;
}

.phoneInputSmall
{
	font-size: 10px;
	border: 1px solid #abadb3;
	width: 40px;
}

.phoneInputLarge
{
	font-size: 10px;
	border: 1px solid #abadb3;
	width: 130px;
}

div#registrationHolderPanel
{
	position: relative;
	width: 979px;
	/*height: 477px;*/
	min-height: 477px;
}

div.registrationFormPanel
{
	position: relative;
	width: 750px;
	margin-left: 100px;
	font-size: 10px;
	padding-top: 10px;
}

div.changePasswordFormPanel
{
	position: relative;
	width: 750px;
	min-height: 477px;
	height: 477px;
	margin-left: 100px;
	font-size: 10px;
}

div.registrationResultsPanel
{
	position: relative;
	width: 750px;
	min-height: 477px;
	/*height: 477px;*/
	margin-left: 100px;
	font-size: 12px;
	padding-top: 10px;
}

/* Privacy Policy */
div#privacyHolderPanel
{
	position: relative;
	margin: 10px 0 0 20px;
	width: 680px;
}

div#privacyHolderPanel h2
{
	font-size: 12px;
}

/* Login */
table#loginHolderTable
{
	width: 950px;
	height: 220px;
}

table#loginHolderTable tr td#firstColumn
{
	width: 405px;
	height: 170px;
	padding-left: 10px;
	vertical-align: top;
	padding-top: 50px;
}

table#loginHolderTable tr td#secondColumn
{
	width: 424px;
	height: 170px;
	padding-left: 10px;
	vertical-align: top;
	padding-top: 50px;
}

.loginLabel
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 10px;
	color: #000000;
}

table#login1, table#loginTemplateHolderTable
{
	width: 400px;
}

table#loginTemplateHolderTable tr td#fieldHolderCell
{
	height: 130px;
}

table#loginTemplateHolderTable tr td#submitButtonCell
{
	width: 125px;
	height: 150px;
}

table#loginTemplateFieldHolderTable
{
	width: 275px;
}

div.loginHolderPanel
{
	padding: 10px;
}

/* Member Verification */
div.verificationHolderPanel
{
	margin: 10px 0 0 20px;
	width: 960px;
	height: 449px;
}

/* Stockist Search */
div.stockistResultsPanel
{
	position: relative;
	width: 987px;
	height: 393px;
}

div.noResultsPanel
{
	vertical-align: top;
	width: 600px;
	height: 399px;
	margin-left: 45px;
	font-size: 12px;
}

div#stockistSearchHolderPanel, div.stockistNoResultsPanel
{
	z-index: 3;
	padding: 0;
	margin: 0 0 0 40px;
	font-size: 11px;
}

table#stockistSearchTable
{
	/*width: 600px;*/
	vertical-align: top;
	z-index: 3;
}

table#stockistSearchTable tr td
{
	vertical-align: top;
	text-align: left;
	z-index: 3;
}

table#stockistSearchTable tr th
{
	vertical-align: bottom;
	text-align: left;
	font-size: 11px;
}

#stockistSearchTable .countryCell
{
	width: 130px;
	z-index: 3;
}

#stockistSearchTable .suburbCell
{
	width: 170px;
	z-index: 3;
}

#stockistSearchTable .stateCell
{
	width: 90px;
}

div#stockistResultsInnerPanel
{
	position: relative;
	width: 880px;
}


table.stockistResultsTable
{
	margin: 0 auto 0 auto;
	width: 620px;
}

table.stockistResultsTable tr td.stockistHolderCell
{
	vertical-align: top;
	height: 180px;
	width: 200px;
}

div.stockistDetailsTableHolder
{
	position: relative;
	height: 190px;
}

div.sendToStockistImageButtonHolder
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 187px;
	height: 25px;
}

div.stockistNextButtonHolderPanel, div.stockistPreviousButtonHolderPanel
{
	position: absolute;
	width: 62px;
	height: 48px;
	bottom: 0;
}

div.stockistPreviousButtonHolderPanel
{
	left: 40px;
}

div.stockistNextButtonHolderPanel
{
	right: 210px;
}

div.stockistMapPanel
{
	position: relative;
	height: 383px;
}

div#featuredStockistPanel
{
	position: relative;
	height: 386px !important;
}

div.stockistFloatDescriptionPanel h1
{
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
}

.stockistSuburbInputList
{
	visibility: hidden;
	margin: 0 !important;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #cccccc;
	overflow: auto;
	font-size: 11px;
	height: 230px;
	width: 300px;
	text-align: left !important;
	list-style-type: none;
	z-index: 5;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

div#newFeatures
{
	position: relative;
	margin: 10px 0 10px 20px;
}

div#newFeatures ul li, div#newFeatures ol li
{
	padding-bottom: 5px;
}

div#newFeatures li img
{
	padding: 8px 0 8px 0;
}

div#newFeatures a
{
	font-size: 12px !important;	
}

div#newFeatures h2
{
	font-size: 14px;
}

.newFeaturesSectionPromotion
{
	position: absolute;
	right: -261px;
	top: 20px;
}

div#newCatalogueViewer, div#personaliseStringItOn, div#findFast, div#newFeatures p
{
	position: relative;
	margin: 10px 0 0 0;
	width: 710px;
}

div.featureButton
{
	float: left;
	margin-right: 5px;	
}

div.scroller
{
	float: right;
	width: 280px;
	overflow: hidden;
}

div.scrollerText
{
	float: left;
	width: 150px;
	margin-right: 5px;
	font-size: 11px;
}

div.scrollerText strong
{
	font-size: 12px;	
}

#termsAndConditionsCopyHolderPanel
{
	width: 650px;	
	margin-left: 5px;
}

#termsAndConditionsCopyHolderPanel a
{
	font-size: 12px !important;	
}

.lovelinksMainTable, .petitesMainTable, .footerPanel
{
	margin: 5px auto 0 auto;
	width: 991px;
}

.lovelinksMainTable
{
	
}

.petitesMainTable
{
	
}

.competitionHolderPanel #productImage
{
	position: absolute;
	top: 50px;
	right: 0px;
	width: 498px;
	height: 354px;
	z-index: 1;
}
.winners-col { float: left; width: 260px; }
.winners-panel { height: 300px; width: 250px; overflow-x: none; overflow-y: auto; }