					

						/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}
	
	
			/*                  ******   ----          GENERAL PAGE STRUCTURE          -----    ******                         */

body	{
		/*background-image: url(images/background-sevensnt.gif);
		background-repeat: no-repeat;
		background-position: center;*/
    	FONT-SIZE: small;
    	MARGIN: 10px 0 0 0;
        FONT-FAMILY: tahoma, arial, sans-serif;
    	background-color:	#FBECC0;
		
}
			/* --------  HEADER DIV   ------------- */

#header {
	left:	5px;
	top:	5px;
	right:	5px;
    /*background-color: #FFE299;*/
	/*border-top: thin solid #675c47;*/
	/*border-right: thin solid #675c47;*/
	/*border-left: thin solid #675c47;*/
	margin: 0px;
	height: 108px;
	clear: both;
}

			/* ----------	WRAPPER	DIV	--------------- */
	
#allcontent	{
	width:			1024px;
	height:			686px;
	text-align:		center;
	margin-top:		15px;
	margin-left:		auto;
	margin-right:		auto;
	padding-top:		0px;
	padding-bottom:		0px;
	background-color:	#FFE299;
	/*background-image: url(images/sevens-logo.gif);
	background-repeat: no-repeat;
	background-position:  top,center;*/
		
	border-right: thin solid #675c47;
	border-left: thin solid #675c47;
	border-top: thin solid #675c47;
	border-bottom: thin solid #675c47;
			}

.h1
{	
	FONT-SIZE: 1.8em;
    MARGIN-LEFT: 10em
	}


			/* ---------    CONTENT DIV   --------- */

#main-8 {
	
	background-color:white;
	font-size: 105%;
	padding: 10px;
	margin: 3px 0px 0px 0px;
	margin-right: 113px;
	margin-left: 183px;
	margin-bottom: 2px;
}

			/* ---------    SIDEBAR DIV   ------------ */


#sidebar {
	float: right; 
	/*position: absolute;*/
	top:	100px;
	right:	0px; 
	width:  80px;
	/*background-color: #FFE299;*/
	font-size: 105%;
	padding: 15px;
	margin: 0px 0px 0px 0px;
	/*border-right: thin solid #675c47;*/
	clear:	left;
	
	
}

			/* --------   FOOTER DIV    ---------- */
#footer {
	
	/*background-color: #FFE299;*/
	color: black;
	text-align: center;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	/*border-bottom: thin solid #675c47;
	border-right: thin solid #675c47;
	border-left: thin solid #675c47;*/
	clear: both;
}

			/* -------- LINK BEHAVIOURS --------- */
a:link {
	color: #b76666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}


			/* --------- LEFT SIDE BAR & MENUS ----------- */


.navigation {
	position: absolute;
	top:	105px;
	/*border-left: thin solid #675c47;*/
	width:  150px;
	/*background-color: #FFE299;*/
	font-size: 100%;
	padding: 15px;
	margin: 0px 10px 0px 0px;
	
}
.navigation .menu
{
    ;
    WIDTH: 100%
}
.navigation .menu UL
{
   	PADDING-RIGHT: 0em;
    PADDING-LEFT: 0em;
    PADDING-BOTTOM: 0em;
    MARGIN: 0em;
    PADDING-TOP: 0em;
    LIST-STYLE-TYPE: none
}

.navigation .menu LI
{
    POSITION: relative
}
.navigation .menu A
{
    PADDING-RIGHT: 0em;
    DISPLAY: block;
    PADDING-LEFT: 0em;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3px;
    WIDTH: 100%;
    COLOR: #6B226C;
    TEXT-INDENT: 12px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: 0px ;
    /*BACKGROUND-COLOR: #FFE299;*/
    TEXT-DECORATION: none

}
.navigation .menu A:hover
{
    PADDING-LEFT: 0em;
	COLOR: #D600CF;
    /*BACKGROUND-COLOR: #FFE299*/
}
.navigationtext
{
    FONT-SIZE: 1em;
    COLOR: black;
    /*BACKGROUND-COLOR: #FFE299;*/
    TEXT-ALIGN: center
}
.navigationtextbold
{
    FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
    COLOR: black;
    /*BACKGROUND-COLOR: #FFE299;*/
    TEXT-ALIGN: center
}
.navigationtexttemp
{
    FONT-SIZE: 0.9em;
    COLOR: black;
	FONT-WEIGHT: bold;
    /*BACKGROUND-COLOR: #FFE299;*/
    TEXT-ALIGN: center
}
.navigationtextboldtemp
{
	FONT-SIZE: 0.9em;
	FONT-WEIGHT: bold;
    COLOR: black;
    /*BACKGROUND-COLOR: #FFE299;*/
    TEXT-ALIGN: center
}
.navigation .menu .upstairsat7s  A
{
    PADDING-RIGHT: 0em;
    DISPLAY: block;
    PADDING-LEFT: 0em;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3px;
    WIDTH: 100%;
    COLOR: black;
    TEXT-INDENT: 12px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: 0px ;
    /*BACKGROUND-COLOR: #FFE299;*/
    TEXT-DECORATION: none;

}
.navigation .menu .upstairsat7s A:hover
{
    PADDING-LEFT: 0em;
	COLOR: white;
    /*BACKGROUND-COLOR: #FFE299;*/
}

.redtext {color:black;
			font-weight: bold;
			text-decoration: underline;
}
.redtext A {color:red;}


			/*                                    END OF GENERAL PAGE STRUCTURE                                  */
			
/* ---------------------------------------------------------------------------------------------------------------------------*/			
			
			
			
			/*  BRANDED JEWELLERY, MORE JEWELLERY, HANDMARE GLASSWARE, SPECIAL OCCASION, COLLECTABLES, MORE GIFTS PAGEs */
			

/* Figure div for first line of images*/

.figure {
	
	width: 150px;
	margin: 5px 15px 0px 15px;
}

.figure p {
	font: 1.1em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 2px 0 0 0;
	height: 2em;
}

.photo {
		background: url(drop_shadow.gif) no-repeat right bottom;
}

/* Photo div for first and last line of images plus Special Pieces page pics */

.photo img {
	border: 1px solid #666;
	background-color: #FFF;
	padding: 3px;
	position: relative;
	top: -5px;
	left:-5px;
	}
	
.photo a:hover img {border: 1px solid #0000ff;}



/* figure 1 for text gif */

.figure1 {
	display:	inline;
	text-align: center;
    margin-top:0px;
    margin-bottom:3px;
    padding:0 0 3px 0;
	position: relative;
	top: -10px;
	left:-10px;
}

.figure1 p {
	font: 1.1em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 0 0;
	vertical-align: middle;
	height: 2em;
}

/* photo1 for text gif and Picture Frames page */


.photo1 img {

	background-color: #FFF;
	padding: 0px;
	vertical-align: middle;
	top: -5px;
	left:-5px;
			}


/* Figure for last line of images*/

.figure2 	{
	
	width: 150px;
	margin: 0 15px 0px 15px;
}

.figure2 p {
	font: 1.1em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 2px 0 0 0;
	height: 1.5em;
}
	
/* Figure for 5 columns: Last line of images*/
.figure3 	{
	
	width: 315px;
	margin: 0 15px 0px 15px;
			}


				/* END OF 8-IMAGE CLASSES */
				
/* ------------------------------------------------------------------------------------*/

				/* PICTURE FRAMES PAGE CLASSES */

/* figure 1 for Picture Frames gif */

.figure11 {
	
	display:	inline;
	text-align: center;
    margin:0 0 3px 0;
    padding:0 0 3px 0;
	width: 360px;
}

.figure11 p	{

	text-align : right;
	margin-right: 50px;
}

/* Portrait pic class */
.figure9 {
	
	width: 235px;
	margin: 0 30px 0px 40px; 
}

/* Figure for 5 columns: Landscape pic*/
.figure10 {
	
	width: 308px;
	margin: 70px 55px 0px 0px;
}

.photo2 {
		background: url(drop_shadow.gif) no-repeat right bottom;
}

.photo2 img {
	border: 1px solid #666;
	background-color: #FFF;
	padding: 3px;
	position: relative;
	top: -5px;
	left:-5px;
	}
	
.photo2 a:hover img {border: 1px solid #0000ff;}

.right	{
		float:	right;
		margin:	0 75px 20px 0;
}

/* Offsets for text on Picture Frames page*/

.offset	{
		margin:	0px 0px 0px 230px;
		font-size: 1.8em;
		position: relative;
		bottom: -50px;
		left:	-60px; 
    		}

.offset1	{
		margin:	0px 0px 0px 220px;
		width:	30px;
		position: relative;
		bottom: -40px;
		left:	-60px; 
    		}	
.photo3 img {

	background-color: #FFF;
	padding: 0px;
	vertical-align: middle;
	margin: 10px 0 0 0;
	top: -5px;
	left:-5px;
			}
	
					/* END OF PICTURE FRAMES CLASSES */
/* ------------------------------------------------------------------------------------*/


						/* HOME PAGE CLASSES */
						
			
			
/* Figure div for top line of images*/

.figure6 {
	
	width: 128px;
	margin: 5px 8px 0px 8px;
}

/* Figure div for middle text */

.figure8 {
	display:	inline;
	margin: 10px 0px 0px 0px;
	text-align: center;
    padding:0 0 3px 0;
}
	
.figure8 p {
	font: 1.5em/normal Arial, Helvetica, sans-serif;
	padding-top:	10px;
	text-align: center;
	margin: 0 5px 10px 0;
	vertical-align: middle;
	height: 1.6em;
	}
	
/* Bottom line pics: Landscape  classes */

.figure7 {
	
	width: 338px;
	margin: 0 10px 10px 10px;
	padding-bottom:	20px; 
}



/* Figure for bottom text */
	
.hometext p {
	font: 1.5em/normal Arial, Helvetica, sans-serif;
	padding-right:	15px;
	text-align: right;
	margin: 0 0 0 0px;
	vertical-align: middle;
	height: 1.5em;
	position: relative;
	top: -30px;
	left:-15px;
	}
	
					/* END OF HOME PAGE CLASSES */
/* ------------------------------------------------------------------------------------*/


						/* CONTACT US CLASSES */

	
.figure15 {
	
	display:	inline;
	text-align: center;
    margin:0 0 0 0;
    padding:0 0 3px 0;
	width: 360px;
}
.contactuscontent	{
	width: 710px;
	float:	center;
	background-color:	white; 
	margin: 0px 55px 10px 0px;
		}

.contactuscontent p 	{
	
text-align: left;

	} 
.sevensinfo p	{
	margin: 10px 0 10px 0;
	text-align:	center;
	}
.sevensinfo1 p	{
	margin: 10px 0 10px 0;
	text-align:	center;
	}	

.contactpic	{
	
	width: 180px;
	margin: 5px 10px 10px 20px;
}
.contactuscontent1 p 	{
	text-align:	left;
	}

.contactuscontent a {
		color: blue;
		}
.contactuscontent a:hover img {border: 1px solid #0000ff;}

.contactusleft 	{
	font: 1.1em/normal Arial, Helvetica, sans-serif;
	display:	block;
	text-align: left;
	background-color:	white;
	width:	108px;
	font-weight:	bold;
	margin: 0 20px 0 5px;
	height: 1.3em;
}
.contactusright	{
	font: 1.0em/normal Arial, Helvetica, sans-serif;
	display:	block;
	text-align:left;
	background-color:	white; 
	width:360px;
	margin: 0 5px 0 5px;
	height: 1.3em;
}
.footerinfo	p {
	text-align:	center;
	font-size:	0.8em;
	height:	1.1em;
	}
					/* END OF CONTACT US CLASSES */
/* ------------------------------------------------------------------------------------*/


						/* SPECIAL PIECES CLASSES */
						
/* figure 12 for top row pics */

.figure12 {
	
	width: 180px;
	margin: 5px 0 10px 0px;
}

			
/* figure 13 and photo 6 for text gif */

.figure13 {

	width:	500px;
	display:	inline;
	text-align: center;
    margin:0 30px 30px 0;
    padding:0 0 3px 0;
	position: relative;
	top: -10px;
	left:-10px;
}

.figure13 p {
	font: 1.2em/normal Arial, Helvetica, sans-serif;
	padding-top:	10px;
	text-align: center;
	margin: 0 5px 0 10px;
	vertical-align: middle;
	height: 1.6em;
	
}
.photo6 img {

	background-color: #FFF;
	padding: 0px;
	vertical-align: middle;
	/*top: -5px;
	left:-5px; */
			}

/* figure 13 and photo 7 for bottom landscape pic */
			
.figure14 {
	
	width: 575px;
	margin: 10px 10px 0px 65px; 
}
.photo7 img {
	border: 1px solid #666;
	background-color: #FFF;
	padding: 3px;
	position: relative;
	top: -5px;
	left:-5px;
	}
	
.photo7 a:hover img {border: 1px solid #0000ff;}

.photo7 {
		background: url(drop_shadow1.gif) no-repeat right bottom;
}
					/* END OF SPECIAL PIECES CLASSES */
/* ------------------------------------------------------------------------------------*/


						/* EXHIBITION GALLERY CLASSES */
						
/* figure 16 for text gif */

.figure16 {
	
	/*display:	inline;*/
	/*position: absolute;
	top: 200px;
	right: 400px;
	width : 400px;*/
	float: center;
	height: 200px;
	text-align: center;
	background-color:	white;
    margin-top:20px;
    margin-bottom:3px;
    padding:0 0 3px 0;
	
}

.figure16 p {
	font: 1.5em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 0 0;
	vertical-align: middle;
	height: 2em;
}

/* photo1 for text gif and Picture Frames page */


.photo1 img {

	background-color: #FFF;
	padding: 0px;
	vertical-align: middle;
	top: -5px;
	left:-5px;
			}
.photo1b img {

	background-color: #FFF;
	padding-right: 5px;
	padding-left:5px;
	vertical-align: middle;
	top: -8px;
	left:-5px;
			}