/* wholesale beads style 050404 */

body {
	margin:0;
	font:normal 14px/17px Arial,Helvetica,sans-serif;
	}

a {color:blue;}
a:hover {color:darkblue;text-decoration:none;}	

h1 {
	margin:0;
	#ffb20e;
	}
h2 {
	margin:0 0 1em 0;
	color:#ffb20e;
	}
h3 {
	color:#ffb20e;
	}

address {
	font-style:normal;
	}

/* ID's divs */	
#top {
	display:block;
	width:auto;
	position:relative;
	left:0;	top:0;
	margin:0;
	padding:0;
	height:65px;
	z-index:101;
	background-color:#ffb20e;
	}
#top #logo {
	float:right;
	margin:0 50px 0 0;
	padding:0;
	height:65px;
	}		
#top .welcome {
	float:left;
	margin:0;
	padding:0;
	}	
#top .welcome p {
	margin:16px 0 0 10px;
	font-size:12px;
	}
	
#sideimage {
	display:block;
	position:absolute;
	left:0; top:0;
	z-index:99;
	margin:0;
	padding:0;
	width:150px;
	}

#sideimage img {
	border-right:5px #fff solid;		
	}
	
/* admin menu*/		
#menu {
	display:block;
	position:absolute;
	left:10px;
	top:80px;
	border:1px #999 dotted;
	}

#shopMenu {
	display:block;
	position:absolute;
	left:0;
	top:65px;
	border:0;
	width:175px;
	background-color:#ffffcf;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:16px
	}

#shopMenu ul.mainMenu {
	margin:0;
	padding:0;
	}
#shopMenu .mainMenu	li {
	margin:0;
	padding:0;
	}
#shopMenu .mainMenu	a {
	display:block;
	margin:0;
	color:black;
	text-decoration:none;
	padding:4px 0 1px 10px;
	}
#shopMenu .mainMenu	a:hover {
	color:#ffb20e;
	text-decoration:none;
	}
.topLevel {
	border-bottom:2px white solid;
	padding:6px 0;
	margin:0;
	font-weight:bold;
	line-height:24px;
	width:auto;
	}
/* special case for menu */
a.hotlink {
	color:#00AE89;
	}
a:hover.hotlink {
	color:#ffb20e;
	}
		
.lastUpdated {
/*	border-top:2px white solid; */
	padding:10px;
	}
.lastUpdated p {
	margin:10px;
	}
		
#fullWelcome {
	background-color:#ffffcf;
	display:block;
	margin:0;
	padding:0;
	height:65px;
	width:165px;
	border:0;
	}	

#fullWelcome p {
	margin:16px 0 0 10px;
	font-size:12px;
	}
	
		
#menu {
	font-size:1em;
	line-height:1.2em;
	}	
	
#content {
	display:block;
	position:absolute;
	left:240px;
	top:80px;
	padding:0;
	font-size:1em;
	line-height:1.2em;
	}

#shopContent {
	display:block;
	position:absolute;
	left:220px;
	top:80px;
	padding:0;
	margin:0 5% 2em 0;;
	}

#faxNumber {display:none;}	

/* general */
.alert {
	color:#c00;
	font-weight:bold;
	}			
.message {
	color:green;
	font-weight:bold;
	}		

/*  small alert-text inside forms */	
fieldset p.alert {
	font-size:80%;
	margin:0;
	font-weight:normal;
	}	

/* style for a "UL" list of links */
.linkz {
	margin:0 0 1em 0;
	padding:0;
	font-size:12px;
	}
.linkz li {
	display:inline;
	margin:0;
	padding:2px;
	border:1px #eee solid;
	list-style-type:none;
	text-indent:none;
	}
.linkz li a {color:blue;}
.linkz li a:hover {color:darkblue;text-decoration:none;}	

/* menu as UL */
.mainMenu {
	list-style-type:none;
	margin:1em;
	padding:0;
	}
		
/* forms */				
.bigForm {
	width:600px;
	}			
.bigForm legend {
	color:#666;
	font-weight:bold;
	}			
.bigForm label {
	color:#999;
	font-weight:bold;
	}

.bigForm p {
	display:block;
	clear:left;
	margin:.5em 20px;
	}
		
.formItem,.formControls {
	display:block;
	float:left;
	clear:left;
	width:560px;
	margin:0;
	padding:5px 20px;
	}
.formItem label {
	display:block;
	width:200px;
	margin:0;
	padding:0;
	float:left;
	clear:left;
	}	
.formItem input, .formItem select, .formItem textarea {
	display:block;
	margin:0;
	padding:0;
	float:left;
	clear:none;
	}
		
label.plainlabel {
	display:inline;
	font-weight:normal;
	color:#333;
	font-size:inherit;
	width:auto;
	clear:none;
	}	
	
/* label on top of input - 2-to-a-row */
.formItem2 {
	display:block;
	float:left;
	width:260px;
	margin:0;
	padding:5px 20px;
	}
.formItem2 label {
	display:block;
	width:260px;
	margin:0;
	padding:0;
	float:left;
	clear:left;
	}	
.formItem2 input, .formItem2 select, .formItem2 textarea {
	display:block;
	margin:0;
	padding:0;
	float:left;
	clear:left;
	}
	
/* images in the form fieldset */
.prdImage {
	display:block;
	float:left;
	clear:left;
	margin:10px;
	padding:5px 10px;
	border:1px #ccc dotted;
	}
.prdImage img, .prdImage label, .prdImage input {
	display:block;
	margin:0;
	}
.beadImage {
	border:1px #ccc solid;
	}
	

/* basic form type */

.frm1 {display:block;font-size:12px;border-color:#ffffcf;padding:1em;}
.frm1 legend {font-weight:bold;color:#000;}
.frm1 p {float:left;clear:left;line-height:90%;margin:1em 0;}
.frm1Row {display:block;margin:1em 0;}
.frm1Row label {display:block;float:left;clear:left;width:140px;}
.frm1Row input {display:block;float:left;}


/* search form */
.searchForm {
	border:1px #ccc solid;
	margin:1em 0;
	padding:0 1em;
	width:570px;
	line-height:12px;
	}
.searchForm legend {color:#999;font-weight:bold;margin:0;padding:0;font-size:14px;}
.schFormItem {font-size:12px;float:left;margin:1px 4px 8px 0;padding:0;}
.schFormItem label {display:block;margin:0;padding:0;color:#666;}
.schFormItem input{
	display:block;
	margin:0;
	padding:0;
	height:16px;
	}
.schFormItem select {
	display:block;
	margin:0;
	padding:0;
	height:18px;
	}
.schFormButton {
	float:left;
	margin:1px 4px 10px 0;
	padding:0;
	font-size:12px;
	}
.schFormButton input {
	margin:10px 0 0 0;
	}	
.schFormCheck {
	float:left;
	margin:6px 4px 1px 0;
	padding:12px 0 0 0;
	font-size:12px;
}
.schFormCheck label, .schFormCheck input {
	display:inline;
	}	
div.holder {
	display:block;
	margin:0;
	padding:0;
	width:auto;
	}	
/* tables */

.tblLabel { /* grey lable cell */
	text-align:right;
	vertical-align:top;
	background-color:#eee;
	}
	

/*  type 1 table */
.tabular1 {
	border-collapse:separate; 
	font-size:12px;
	}
	
.tabular1 td,th {
	border:0;
	padding:0 2px;
	margin:0;
	text-align:left;
	}
.tabular1 th {
	background-color:#666;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	}
.tabular1 th a {
	color:#fff;
	text-decoration:none;
	}
.tabular1 th a:hover {
	color:#ccc;
	text-decoration:none;
	}
.tabular1 tr {
	background-color:#fff;
	color:#000;
	}


tr.offsetBG {background-color:#eee;}
td.viewEdit {text-align:center;	}	
.viewEdit a {text-decoration:none;color:blue;}
.viewEdit a:hover {text-decoration:underline overline;}	
	

/* paged recordset navigation item (table) */	
.backForward {font-size:12px;border-top:1px #666 solid;padding:2px;}
.backForward td {text-align:center;width:auto;font-size:12px;}	
.backForward td.tdleft {text-align:left;width:100px;}
.backForward td.tdright {text-align:right;width:100px;}		
.backForward td b {color:#000;}	
.backForward td a {text-decoration:none;color:#666;}	
.backForward td a:hover {text-decoration:underline;}	


/*******************************/

.catMenu {
	margin:0 0 0 10px;
	padding:0;
	border:0;
	font-size:12px;
	line-height:12px;
	} 
.catMenu li {
	list-style-type:none;
	margin:0;
	padding:0;
	border:none;
	font-weight:normal;
	}
.catMenu a {
	font-weight:normal;
	display:block;
	height:12px;
	margin:0;
	padding:0;
	}
	
.shopList {
	color:#333;
	text-decoration:none;
	}
.shopList:hover {
	text-decoration:underline;
	}
	
table.shopRows {
	margin:0;
	padding:0;
	width:600px;
	border-collapse:collapse;
	}
	
table.shopRows td {
	font-size:12px;
	text-align:left;
	padding:2px;
	}
table.shopRows p {
	font-size:12px;
	text-align:left;
	padding:0;
	margin:2px;
	}

/* list of product properties */	
dl.prodDetails {
	margin:0;
	padding:2px;
	width:180px;
	}		
dl.prodDetails dt {
	margin:0;
	padding:0;
	float:left;
	clear:left;
	width:50px;
	font-style:oblique;
	}		
dl.prodDetails dd {
	margin:0 0 0 5px;
	padding:0;
	float:left;
	width:125px;
	font-weight:bold;
	}		
	
	
form.addToCart {
	margin:0;
	padding:0;
	}
form.addToCart input {
	margin:0;
	padding:0;
	display:inline;
	height:14px;
	line-height:12px;
	font-size:12px;
	}		
form.addToCart label {
	margin:0;
	padding:0;
	display:inline;
	font-weight:bold;
	color:#999;
	}	
form.addToCart input.shopButt {
	height:18px;
	width:80px;
	}	

/* shopping cart table */
table.cartBlache {
	display:table;
	border-collapse:collapse;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}	
table.cartBlache th {
	display:table-cell;
	text-align:left;
	padding:2px;
	border-left:1px solid #333;
	border-top:1px solid #333;
	}	
table.cartBlache td {
	display:table-cell;
	padding:2px;
	border-left:1px solid #333;
	border-top:1px solid #333;
	}	
.tdCenter {text-align:center;}
.tdRight {text-align:right;}

/* product detail */
table.productDetail {
	display:table;
	border-left:1px solid #333;
	border-top:1px solid #333;
	}	
table.productDetail td {
	display:table-cell;
	padding:0;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	}	
table.productDetail p {
	margin:1em;
	}	
table.productDetail dl {
	margin:1em;
	padding:0;
	}	
table.productDetail form {
	margin:1em;
	}	
	
/* "buttons" for non-menu nav */	
ul.buttons	{
	margin:1em 0;
	padding:0;
	list-style-type:none;
	display:table;
	}
ul.buttons li	{
	margin:0;
	padding:0;
	display:table-cell;
	float:left;
	width:auto;
	}	
ul.buttons a {
	display:block;
	margin:0 1em 0 0;
	padding:2px 4px;
	border:1px #ccc solid;
	background-color:#eee;
	text-decoration:none;
	}
ul.buttons a:hover {
	border:1px #333 solid;
	background-color:#fff;
	text-decoration:none;
	}


/* account details */	
.accountItem {
	margin:0;
	padding:.5em 0;
	}	
accountItem h2 {
	margin:0;
	}
	
	/* bead directory */
	
dl.directory {
	margin:1em 5% 1em 0;
	line-height:150%;
	}	
.directory dt {
	font-size:120%;
	color:#666;
	font-weight:bold;
	}	
.directory a {
	text-decoration:none;
	color:#333;
	}
.directory a:hover {
	text-decoration:underline;
	color:blue;
	}
	
/* colour directio page */	
.colourdirectionimg {
	margin:0 0 2em 0;
	padding:0 0 1em 0;
	border-bottom: 1px #ffb20e solid;
	}	
	
.linkExternal {
	display:block;
	margin:1em 0 0 0;
	border-bottom:1px #999 solid;
	}	
	
/* cart reset quantity inputs */
input.cartQty {
	width:2em;
	height:1em;
	margin:0 0 0 1em;
	text-align:right;
	}
input.cartQtyButt {
	font-weight:normal;
	font-size:80%;
	color:#666;
	background-color:#f9e17f;
	margin:0;
	padding:0;
	border:1px #666 solid;
	}

#ordersuccess {
	border-bottom:1px #666 solid;
	margin-bottom:1em;
	}

/* unavailable prods */	
tr.unavailable {
	background-color:#F8D2D0;
	}	
.unavailable accronym {
	color:red;
	font-weight:bold;
	}