/* CSS Document */

/* Common
------------------------------------------------------------------------*/
* {
    font-style: normal;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	color:#333333;
	background:url(assets/bgrpt_graphpaper.jpg) #ffffff;
	font-size: small;
	font-family: "trebuchet ms", "times new roman", times, serif;
	text-align:center;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

a img 	{ border:none } /* Gets rid of IE's blue borders */

/* GENERIC CLEAR FOR FLOATED ELEMENTS
------------------------------------------------------------------------*/
.floatclear{
	clear: both;
}

.leftclear{
	clear: left;
}

.fakeheight {
	height: 1px;
}

/* TEXT STYLES
------------------------------------------------------------------------*/
h1 {
	color:#990000;
	font-size: 140%;
	margin: 5px 0px 10px 0px;
	padding: 0;
	font-weight: normal;
}

h2 {
	color:#A34343;
	font-size: 100%;
	margin: 5px 0px 10px 0px;
	padding: 0;
}

h3, h4, h5 {
	color:#990000;
	font-size: 140%;
	margin: 20px 0px 10px 0px;
	padding: 0;
	font-weight: normal;
}


p {
	font-size: 90%;
	margin: 10px 0px 0px 0px;
	padding:0px;
	lineheight: 1.4em;
}

.noupperpadding {
	font-size: 90%;
	margin: 0px;
	padding:0px;
}
.nobottommargin {
	color:#990000;
	font-size: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0;
}

a:link, a:visited {
	color: #C97676;
	text-decoration: none;
}

a:hover, a:active {
	color: #C97676;
	text-decoration: underline;
}

.reds{
	font-family: "trebuchet ms", "times new roman", times, serif;
	color: #990000;
	background-color: inherit;
	text-decoration: none;
}

.red{
	font-family: "trebuchet ms", "times new roman", times, serif;
	color: #990000;
	background-color: inherit;
	text-decoration: underline;
}

.red:hover {
	font-family: "trebuchet ms", "times new roman", times, serif;
	color: #FF0000;
	background-color: inherit;
	text-decoration: none;
}

div#gb_form_div h1 { 
  	color:#FF0000;
	font-size: 140%;
	margin: 5px 0px 0px 0px;
	padding: 0;
}


/* WRAPPER FITS THE WIDTH OF THE BROWSER AND HOUSES THE REPEAT GRAPHIC FOR THE HEADER ###################################### */
#wrapper {
	width: 100%;
	margin: 0px auto;
	background: url(assets/bgrpt_header.jpg) repeat-x top left;
}

/* LEFT AND RIGHTS ########################## */
.left {
	float: left;
}

.right {
	float: right;
	text-align:right;
}

/* HEADER CONTAINS THE LOGO ###################################### */
#header {
	width: 1000px;
	height: 234px;
	margin: 0px auto;
}

#header p {
	color: #ffffff;
	font-size: 85%;
	padding: 5px 0px 0px 0px;
	margin: 0;
}


/* NAVIGATION DIV TO HOLD PRIMARY NAVIGATION ###################################################### */
#navigation {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	height: 30px;
	text-align: left;
}


#primarynav {
	width: 1000px;
	height: 30px;
	background: url(assets/navigation.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-indent: -3000px;
}

#primarynav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	position: absolute;	
}

#primarynav a {
	display: block;
}

#home {		left:20px; top:0; width:39px; height:30px;}
#about {	left:120px; top:0; width:117px; height:30px;}
#products {	left:298px; top:0; width:79px; height:30px;}
#stockists {left:438px; top:0; width:62px; height:30px;}
#shop {		left:562px; top:0; width:109px; height:30px;}
#contact {	left:732px; top:0; width:88px; height:30px;}
#blog {		left:882px; top:0; width:97px; height:30px;}

#home a, #about a, #products a, #stockists a, #shop a, #contact a, #blog a {height:30px;}

#home a:hover,#home .active {			background:url(assets/navigation.gif) -20px -30px no-repeat; width:39px; height:30px;}
#about a:hover,#about .active {			background:url(assets/navigation.gif) -120px -30px no-repeat; width:117px; height:30px;}
#products a:hover,#products .active {	background:url(assets/navigation.gif) -298px -30px no-repeat; width:79px; height:30px;}
#stockists a:hover,#stockists .active {	background:url(assets/navigation.gif) -438px -30px no-repeat; width:62px; height:30px;}
#shop a:hover,#shop .active {			background:url(assets/navigation.gif) -562px -30px no-repeat; width:109px; height:30px;}
#contact a:hover,#contact .active {		background:url(assets/navigation.gif) -732px -30px no-repeat; width:88px; height:30px;}
#blog a:hover,#blog .active {			background:url(assets/navigation.gif) -882px -30px no-repeat; width:97px; height:30px;}

/* IDs FOR THE BODY TAG TO HIGHLIGHT THE CORRECT ON STATE
---------------------------------------------------------------------------------------------------------------*/
body#pagehome #home {				background:url(assets/navigation.gif) -20px -30px no-repeat; width:39px; height:30px;}
body#pageabout #about {				background:url(assets/navigation.gif) -120px -30px no-repeat; width:117px; height:30px;}
body#pageproducts #products {			background:url(assets/navigation.gif) -298px -30px no-repeat; width:79px; height:30px;}
body#pagestockists #stockists {		background:url(assets/navigation.gif) -438px -30px no-repeat; width:62px; height:30px;}
body#pageshop #shop {				background:url(assets/navigation.gif) -562px -30px no-repeat; width:109px; height:30px;}
body#pagecontact #contact {			background:url(assets/navigation.gif) -732px -30px no-repeat; width:88px; height:30px;}
body#pageblog #blog {				background:url(assets/navigation.gif) -882px -30px no-repeat; width:97px; height:30px;}



/* CONTENT HOME ################################################################### */
#contenthome {
	width: 1000px;
	text-align: left;	
	margin: 0 auto;
	padding: 0px 0px 30px 0px;
	background: #FAF8F8;
}

#contenthomewide {
	width: 960px;
	text-align: left;	
	margin: 0px auto;
	padding: 20px 20px 0px 20px;
	background: #FAF8F8;
}

#contenthomewide h1 {
	background:url(assets/bgrpt_titleproducts.gif) no-repeat bottom left;
	padding-bottom: 3px;
}

#contenthome .left {
	width: 480px;
	margin: 0px 0px 0px 20px;
}

#contenthome .right {
	width: 460px;
	margin: 15px 0px 20px 0px;
	padding: 10px 20px 0px 0px;
}

#contenthome h1, #contenthome h3 {
	background:url(assets/bgrpt_titlehome.gif) no-repeat bottom left;
	padding-bottom: 3px;
}

#contenthome .right h1 {
	text-align: left;
	background:none;
	padding-bottom: 0px;
	margin: 0px;
}

/* CONTENT ABOUT ################################################################### */
#contentabout {
	width: 1000px;
	text-align: left;	
	margin: 0 auto;
	padding: 0px 0px 30px 0px;
	background: #FAF8F8;
}

#contentabout .left {
	width: 340px;
	margin: 20px 25px 0px 20px;
}

#contentabout .right {
	width: 340px;
	margin: 20px 0px;
	padding: 0px;
	float: left;
	text-align: left;
}

#contentabout .banners {
	width: 235px;
	margin: 15px 0px 20px 0px;
	padding: 0px 20px 0px 0px;
	float: right;
	text-align: right;
}

#contentabout h1 {
	background:url(assets/bgrpt_titleabout.gif) no-repeat bottom left;
	padding-bottom: 3px;
}


/* CONTENT STOCKISTS ################################################################### */
#contentstockists {
		width: 960px;
	text-align: left;	
	margin: 0px auto;
	padding: 20px 20px 30px 20px;
	background: #FAF8F8;
}

#contentstockists .left {
	width: 300px;
	margin: 20px 10px 0px 0px;
	padding-right: 10px;
}


#contentstockists h1 {
	background:url(assets/bgrpt_titleproducts.gif) no-repeat bottom left;
	padding-bottom: 3px;
}

.stockist {border-bottom: 1px dotted #990000; padding: 0px 0px 10px 0px; margin-bottom: 5px; height: 105px;}
.stockist-bottom {padding: 0px 0px 10px 0px; margin-bottom: 5px;}



/* CONTENT PRODUCT RANGE ################################################################### */
#contentproducts {
	width: 960px;
	text-align: left;	
	margin: 0px auto;
	padding: 20px 20px 30px 20px;
	background: #FAF8F8;
}

.bigcolumn1 { float: left; width: 480px;}
.bigcolumn2 { float: left; width: 480px;}
.column1 { float: left; width: 238px;}
.column2 { float: left; width: 242px;}
.column3 { float: left; width: 242px;}
.column4 { float: left; width: 238px;}

.column1 span, .column2 span, .column3 span, .column4 span, .bigcolumn1 span, .bigcolumn2 span, p span {display: none;}

/* Main Collection Buttons ################################################################### */
a#btn-jewellery-collections {
	display: block;
	width: 480px;
	height: 378px;
	background: url(assets/btn-jewellery-collections.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-jewellery-collections:hover {background: url(assets/btn-jewellery-collections.jpg) no-repeat 0 -378px; outline:none;}

a#btn-craft-collections {
	display: block;
	width: 480px;
	height: 378px;
	background: url(assets/btn-craft-collections.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-craft-collections:hover {background: url(assets/btn-craft-collections.jpg) no-repeat 0 -378px; outline:none;}


/* Jewellery Collection Buttons ################################################################### */
a#btn-jewellery-vintage-button {
	display: block;
	width: 238px;
	height: 240px;
	background: url(assets/btn-jewellery-vintage-button.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-jewellery-vintage-button:hover {background: url(assets/btn-jewellery-vintage-button.jpg) no-repeat 0 -240px; outline:none;}

a#btn-jewellery-antique-silverware {
	display: block;
	width: 242px;
	height: 240px;
	background: url(assets/btn-jewellery-antique-silverware.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-jewellery-antique-silverware:hover {background: url(assets/btn-jewellery-antique-silverware.jpg) no-repeat 0 -240px; outline:none;}

a#btn-jewellery-daisy-chain {
	display: block;
	width: 242px;
	height: 240px;
	background: url(assets/btn-jewellery-daisy-chain.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-jewellery-daisy-chain:hover {background: url(assets/btn-jewellery-daisy-chain.jpg) no-repeat 0 -240px; outline:none;}

a#btn-jewellery-sea-glass {
	display: block;
	width: 238px;
	height: 240px;
	background: url(assets/btn-jewellery-sea-glass.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-jewellery-sea-glass:hover {background: url(assets/btn-jewellery-sea-glass.jpg) no-repeat 0 -240px; outline:none;}




/* Craft Collection Buttons ################################################################### */
a#btn-craft-jewellery {
	display: block;
	width: 238px;
	height: 240px;
	background: url(assets/btn-craft-jewellery.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-craft-jewellery:hover {background: url(assets/btn-craft-jewellery.jpg) no-repeat 0 -240px; outline:none;}

a#btn-craft-stationery {
	display: block;
	width: 242px;
	height: 240px;
	background: url(assets/btn-craft-stationery.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-craft-stationery:hover {background: url(assets/btn-craft-stationery.jpg) no-repeat 0 -240px; outline:none;}

a#btn-craft-accessories {
	display: block;
	width: 242px;
	height: 240px;
	background: url(assets/btn-craft-accessories.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-craft-accessories:hover {background: url(assets/btn-craft-accessories.jpg) no-repeat 0 -240px; outline:none;}

a#btn-craft-decorations {
	display: block;
	width: 238px;
	height: 240px;
	background: url(assets/btn-craft-decorations.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-craft-decorations:hover {background: url(assets/btn-craft-decorations.jpg) no-repeat 0 -240px; outline:none;}




#contentproducts .left {
	width: 433px;
}

#contentproducts .right {
	width: 510px;
	text-align:left;
}

#contentproducts h1 {
	background:url(assets/bgrpt_titleproducts.gif) no-repeat bottom left;
	padding-bottom: 3px;
}

#contentproducts h1.detail {
	background:url(assets/bgrpt_titleproductsdetail.gif) no-repeat bottom left;
	padding-bottom: 3px;
}

/* CONTENT CONTACT ################################################################### */
#contentcontact {
	width: 1000px;
	text-align: left;	
	margin: 0 auto;
	padding: 0px 0px 30px 0px;
	background: #FAF8F8;
}

#contentcontact .left {
	width: 500px;
	margin: 20px 30px 0px 20px;
}

#contentcontact .right {
	width: 430px;
	margin: 20px 20px 0px 00px;
	padding: 0px;
	float: left;
	text-align: left;
}

#contentcontact h1 {
	background:url(assets/bgrpt_titlecontact.gif) no-repeat bottom left;
	padding-bottom: 3px;
}

#contentcontact h1.detail {
	background:url(assets/bgrpt_titlecontactright.gif) no-repeat bottom left;
	padding-bottom: 3px;
} 

#contentabout .right ul {
	font-size: 90%;
	list-style: circle;
	margin: 0px 15px 0px 15px;
}

#contentabout .right h2 {
	color:#A34343;
	font-size: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0;
}

#shoppage { margin: 20px 0px 0px 0px;}

#contentproducts #shoppage  .left {
	width: 210px;
}

#contentproducts #shoppage  .right {
	width: 700px;
	text-align:left;
}

#shoppage .left ul {margin: 0px 0px 15px 15px; padding: 0;}
#shoppage .left h2 {margin: 5px 0px 0px 0px; padding: 0;}

body.earrings #subnavlist li .earrings-on, body.gifttags #subnavlist li .gifttags-on, body.rings #subnavlist li .rings-on, body.envelopes #subnavlist li .envelopes-on, body.flowerbrooches #subnavlist li .flowerbrooches-on, body.elasticatedbracelets #subnavlist li .elasticatedbracelets-on, body.seaglasspendants #subnavlist li .seaglasspendants-on, body.seaglassrings #subnavlist li .seaglassrings-on, body.buttonpendants #subnavlist li .buttonpendants-on { 
    color: #990000;
    text-decoration: none;
}


/* TRADE STUFF */
#tradenav {
	height: 30px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#tradenav h1 {
	color:#FFFFFF;
	font-size: 130%;
}

#tradenav a:link, #tradenav a:visited {
	color: #ffffff;
	text-decoration: none;
}

#tradenav a:hover, #tradenav a:active {
	color: #ffffff;
	text-decoration: underline;
}


/* Craft Collection Buttons ################################################################### */
a#btn-trade-craft-jewellery {
	display: block;
	width: 238px;
	height: 240px;
	background: url(trade/assets/btn-trade-craft-jewellery.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-trade-craft-jewellery:hover {background: url(trade/assets/btn-trade-craft-jewellery.jpg) no-repeat 0 -240px; outline:none;}

a#btn-trade-craft-stationery {
	display: block;
	width: 242px;
	height: 240px;
	background: url(trade/assets/btn-trade-craft-stationery.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-trade-craft-stationery:hover {background: url(trade/assets/btn-trade-craft-stationery.jpg) no-repeat 0 -240px; outline:none;}

a#btn-trade-craft-accessories {
	display: block;
	width: 242px;
	height: 240px;
	background: url(trade/assets/btn-trade-craft-accessories.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-trade-craft-accessories:hover {background: url(trade/assets/btn-trade-craft-accessories.jpg) no-repeat 0 -240px; outline:none;}

a#btn-trade-craft-decorations {
	display: block;
	width: 238px;
	height: 240px;
	background: url(trade/assets/btn-trade-craft-decorations.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-trade-craft-decorations:hover {background: url(trade/assets/btn-trade-craft-decorations.jpg) no-repeat 0 -240px; outline:none;}

a#btn-trade-jewellery {
	display: block;
	width: 960px;
	height: 240px;
	background: url(trade/assets/btn-trade-jewellery.jpg) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
	outline:none;
}
a#btn-trade-jewellery:hover {background: url(trade/assets/btn-trade-jewellery.jpg) no-repeat 0 -240px; outline:none;}



/* FOOTER ELEMENTS ############################################################################################### */
#footer {
	width: 1000px;
	background: url(assets/bgrpt_footerline.gif) repeat-x;
	margin: 0px auto 0 auto;
	padding: 0px;
}

#footer p{
	font-size: 80%;
	margin: 10px 0px;
	padding: 0;
}

ul.footernav {
	margin: 10px 0px;
	padding: 0;
	font-size: 80%;
}

.footernav li {
	display: inline;
	list-style-type: none;
}

.footernav a:link, .footernav a:visited {
	color: #990000;
	text-decoration: none;
}

.footernav a:hover {
	color: #990000;
	text-decoration: underline;
}