/* CSS Document */
	
/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; border: 0;}
h2, h3, h4, h5, p, ul, ol, li  { margin : 0; padding : 0; border: 0; font-weight: 500;}


/* =html */
html 			{ text-align: center; height: auto; padding: 0px 0px 0px 0px; margin: 0 0px 0px 0px; border: 0; background: #f9f8f7 url(../img/bg_stripe.jpg) top repeat-x; 
				font-family: Arial, Helvetica, sans-serif; min-width: 772px;}

/* =body */
body 			{ height: auto; width: 966px; text-align: left; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: 0;}

/* =headings */
h1 				{ font-size: 0.1em; color: #f9f8f7; background: url(../img/heading.jpg) top no-repeat; width: 966px; height: 163px;}
h2, h3, h4 		{ font-family: Georgia, Times New Roman, serif; padding: 0.5em 0 0.5em 6px; margin: 0;}
h2 				{ font-size: 1em; color: #666;letter-spacing: 0.4em; text-transform: uppercase}
h3 				{ font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #f170a9; padding: 0 0 0em 6px; font-weight: 900;}
h4				{ font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #f170a9; padding: 0 0 0em 6px; font-weight: 900;}

/* =p */
p				{ font-family: Century Gothic, Arial, Helvetica, sans-serif; padding: 1em 0.5em; margin: 0; font-size: 0.8em;color: #666;line-height: 1.5em; word-spacing: 0.1em;}
.left			{ float: left;}
.right			{ float: right;}
a:link, a:visited{ color: #f170a9; text-decoration: none; border-bottom: 1px solid #fff;}
a:hover			{ color: #eb3a94; text-decoration: none; border-bottom: 1px dashed #f170a9;}



/* =Navigation */
#menu			{ margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: 0; text-align:center; position: relative; top: -30px; z-index: 600; width: 966px;}	
#menu ul		{ padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;}
#menu ul li		{ display: inline; font-size: 0.74em; margin: 0; padding: 0; line-height: 1em;}
#menu ul li a:link, #menu ul li a:visited{ color: #f170a9; text-decoration: none;  padding: 0px 1.5% 0px 1.5%; margin: 0; line-height: 1em; border-bottom: none;}
#menu ul li a:hover{ color: #eb3a94; text-decoration: none; padding: 0px 1.5% 0px 1.5%; margin: 0; background: #fff url(../img/bg_navhov.gif) top repeat-x; line-height: 1em; border-bottom: none;}


/* =Navigation side */
.main_right { 
	float: right; 
	width: 220px; 
	text-align: justify; 
	font-size: 0.85em; 
	font-family: Arial, Helvetica, sans-serif; 
	padding: 0 0 40px 0;

}

.main_right p 	{ font-family: Arial, Helvetica, sans-serif;} 
.main_right h4 	{ font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; padding: 6px 0 6px 46px; background: url(../img/diamond_sm.jpg) center left no-repeat; text-align: left;} 
.main_right ul 	{ text-align: left; list-style: none; font-family: Arial, Helvetica, sans-serif; padding: 0em 0.5em 2px 0.5em; margin: 0; font-size: 0.7em; color: #666; line-height: 1.5em; word-spacing: 0.1em;}
.main_right ul li{}
.main_right ul li{}
.main_right ul li{}
.main_right a.active { color: #666;; text-decoration:none; cursor:default; border:0; }
.main_right img	{ margin: 40px 0 0 6px; border: 5px solid #eedbee;}
.main_right h5 	{ font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; padding: 26px 0 0px 6px; color: #f170a9; font-weight: 900;} 



/* =containers and wraps */
#container		{ background: url(../img/bg_content.gif) top repeat-y; margin: 0px auto 0px auto; padding:0;}
#content		{ margin: 0 auto; height: 100%; padding:0; width: 966px;}
.main_wrap		{ text-align:center; margin: 0px 0 0px 0px; padding: 0;}
.main_content	{ text-align:left; margin: 0 0 0 0px; padding: 0px 30px 50px 30px;}

.main_left { 
	float: left; 
	width: 660px; 
	padding: 0 0 40px 0;
}

.article 		{ border: 1px solid #eedbee; background-color: #fffdff; margin-top: 20px; padding: 10px 10px 0px 10px;}




/* =images */
.image_wrap		{ float: left;}
.image_wrap #gems { float: left; padding: 95px 30px 60px 0; }
				/* this image is an image in its own horizontal space on homepage*/
				
#features a:link, #features a:visited{ border:6px solid #ffeff6; margin: 0px 0px 20px 0px; height: 153px; width: 287px; display: block;}
#features a:hover{ border:6px solid #f5b2cf; margin: 0px 0px 20px 0px; height: 153px; width: 287px; display: block;}
#flashcontent 	{ padding: 0; margin: -8px 0 40px 36px;}

.sectionhead	{ position: relative; top: -2px; margin: 0 0 30px 8px;}

.article a img { border: 1px solid #eedbee; margin: 0 0px 10px 6px;}
.gallery:link, .gallery:visited, .gallery:hover {border: none;}

	/* rotating wiki pick */	
#puffwrap { background: url(../img/puff-bg.jpg) top center no-repeat; margin: 30px 0 0 0; padding: 0 8px;}	
#rotatingpuff, .rotpuff { position: relative; height: 255px; text-align: left; overflow: hidden !important;}
#rotatingpuff { padding: 6px 1px 0 1px;}
.rotwof { position: relative; background: #fff; padding: 2px 0; height: 232px;_height: 236px; overflow: hidden;}
.rotwof p,.rotwof h3, .rotwof small,.rotpuff p { margin: 0 8px 0 8px; font-size: 75%; font-family: Century Gothic, Arial, Helvetica, sans-serif;}
.rotpuff { margin-bottom: .5em;}
.rotpuff h4{ margin: 0 0 0 10px;padding: 0 0 0 46px; font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 80%;}
.rotpuff h3{ padding: 0 0 0 6px; line-height: 1.3; font-size: 80%;}
.main_right .rotpuff img { margin: 10px 0 0 14px; border: 0px solid #eedbee;}

.rotwof a:link, .rotwof a:visited, .rotwof a:hover { border: 0; color: #f170a9; border-bottom: 1px solid #fff;}

#rotatingpuff span { position: absolute; bottom: 8px; right: 8px; font-size: 76%; font-family: Century Gothic, Arial, Helvetica, sans-serif;}


/* =catalogue styles */
/* catalogue - catalogue main page */
.cataloguewrap 	{ clear: both;}
.cataloguewrap img { padding: 0; margin: 0;}
.cataloguewrap a:link, .cataloguewrap a:visited { border: 3px solid #fff; float: left; margin: 10px 0 0 5px; padding: 0; font-size: 0.7em; color: #f170a9; background-color: #fff; text-align: center;}
.cataloguewrap a:hover { border: 3px solid #f8d5e4; float: left; margin: 10px 0 0 5px; padding: 0; font-size: 0.7em; color: #000; background-color: #f8d5e4; text-align: center;}

/* collection - group level of catalogue */
.collectionwrap { clear: both; background: url(../img/bg_pink.jpg) top left repeat; margin: 30px 0 20px 0; padding: 10px 10px 30px 10px; height: auto; border: 1px solid #d2b8cf;}
.collectionwrap a:link, .collectionwrap a:visited { height: 100px; border: 3px solid #fff; float: left; margin: 10px 0 0 12px; padding: 0; font-size: 0.6em; color: #f170a9; background-color: #fff; text-align: center;}
.collectionwrap a:hover { height: 100px; border: 3px solid #fff; float: left; margin: 10px 0 0 12px; padding: 0; font-size: 0.6em; color: #000; background-color: #fff; text-align: center;}
.collectionwrap .seven { clear: both;}
.collectionwrap a img { border: 1px solid #666;}
.collectionwrap h3 {color: #f170a9; font-size: 1.3em; padding: 0 0 0 12px; position:relative; z-index: 10000;}
/* product - product level of catalogue */
.productwrap 	{ clear: both; background: url(../img/bg_pink.jpg) top left repeat; margin: 10px 0 20px 6px; padding: 10px 10px 30px 10px; height: auto; border: 1px solid #d2b8cf;}
.crumb 			{ font-size: 0.7em;}
.productwrap a:link, .productwrap a:visited { border-bottom: 1px solid #f2e0f0;}
.productwrap a:hover { border-bottom:  1px dashed #f170a9;}
.productwrap img { float: right; padding: 4px; border: 1px solid #d2b8cf; background-color: #fff; margin: 10px 10px 0 16px;}
.productwrap p 	{ color: #000; z-index:10000; position:relative;}
.productwrap  h3 { margin-top: 20px; z-index:10000; position:relative;}
.productwrap table {clear: both; margin: 20px 0 0 6px;}
.productwrap table td { border: 1px solid #d2b8cf; }
.headtxt { font-size: 0.8em; font-family: Century Gothic, Arial, Helvetica, sans-serif;}
.maintxt { font-size: 0.74em; color: #666; font-family: Century Gothic, Arial, Helvetica, sans-serif;}




/* =extra bits */
.spacer 		{ clear: both;}
#menu ul .gap 	{ padding-right: 140px;}
.bigpink 		{ font-size: 1.5em; color: #f170a9;}
.main_left ul 	{ text-align: left; font-family: Century Gothic, Arial, Helvetica, sans-serif; padding: 0em 0.5em 2px 0.5em;
 margin: 0; font-size: 0.8em; color: #666; line-height: 0.5em; word-spacing: 0.1em;}
.main_left ul li{ padding-left: 10px; margin: 16px; line-height: 1em;}
.listleft{ float: left; width: 300px;}
.listright{ float: right; width: 300px;}


/* =Form */
#form_wrap { 
	margin:30px 0 0 6px; 
	border: 1px solid #eedbee; 
	float: left; 
	width: 280px; 
	padding: 16px 16px 230px 16px; 
	background-color: #fffdff;
}

#form_wrap1	{ 
	margin:30px 0 0 6px; 
	border: 1px solid #eedbee; 
	float: right; 
	width: 280px; 
	padding: 16px; 
	background-color: #fffdff;
}

input, textarea { font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#404040;border: 1px solid #d4d4d4;
width: 270px;padding: 2px; background-color: #fff;}
label 			{ font-size: 0.7em;color:#999;padding-left:2px; line-height: 15px;}
select			{ margin-top: 8px; width: 276px; border: 1px solid #d4d4d4; background-color: #fff;}
.selectLabel	{ position:relative; top: 6px;}
.radioBtn		{ border: 0; width: 24px; background: none;}
label.chosen 	{ color:#333;}
/*Button*/
.buttonSubmit, .buttonSubmitHovered {margin-top:6px;width:69px;height:26px;color:#FFF;font-weight:bold;padding:2px 5px;
background: url(../img/button.gif) no-repeat left top;cursor:pointer;border:none;}
.buttonSubmitHovered {background-position:left bottom;}
.contact #form_wrap { height: 365px; }





/* =Footer */

#footer			{ clear: both; background: url(../img/bg_footer.jpg) top no-repeat; padding: 14px 0 90px 0; border: none; text-align:center; margin: 0 0 -50px 0;}
#footer ul li	{ padding: 0 0.5em; margin: 0; font-size: 0.7em;color: #666;line-height: 1.5em; word-spacing: 0.1em; list-style: none;}
#footer ul li a:link, #footer ul li a:visited { color: #c5c5c5; text-decoration:none; border-bottom:1px dashed #fbfcfc}
#footer ul li a:hover { color: #666; text-decoration:none; border-bottom:1px dashed #f9c1d9}

#list_wrap		{ margin: 0 auto; width: 100%; padding: 0; }
#list_left		{ width: 50%; text-align:right; float: left; }
#list_left ul	{ margin-right: 48px;}
#foot_img		{ float: left;}
#list_right		{ width: 47%; text-align:left; float: left; }
#list_right ul	{ margin-left: 68px; }


#watermark		{ text-align: center; padding: 0px 0 60px 0;}
#watermark img	{ margin: 30px 0 0 0; }

p.message {
		border: 1px solid #EDDBE7;
		background: #F9F2F7;
		padding: 4px;
}