/* ------------------------------------------------------------------------------------------------ */
/* --------------------------------- www.RareHandMadeGift.com ------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------ DEFAULT STYLESHEET ---------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */
/*                                                                                                  */
/*                                       1.BODY ELEMENTS                                            */
/*                                       2.MAIN CONTAINERS                                          */
/*                                       3.SUB CONTAINERS                                           */
/*                                       4.LISTS                                                    */
/*                                       5.TYPOGRAPHY                                               */
/*                                       6.FORMS                                                    */
/*                                                                                                  */
/* ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------ */


/* 1.BODY ELEMENTS */

	body {
		background-color: #fff;
		margin: 0;
		min-width: 779px;
		padding: 0;
		}
		
	img {
		border: none;
		}
		
	.clear {
		clear: both;
		}
		

/* 2.MAIN CONTAINERS */

	#bottomstripe {
		background: url("/images/bstripe.gif") repeat-x bottom;
		height: 15px;
		width: 100%;
		z-index: 2;
		}
		
	.center {
		margin-left: 10%;
		min-width: 678px;/*+50*/
		width: 80%;
		}
	
	.centertxt {
		text-align: center;
		margin:10px 0px;
		}
		
	#centerdiv {
		height: 500px;
		position: absolute;
		margin-top: -250px;
		min-width: 781px;
		top: 50%;
		width: 100%; 
		}
				
	#container1	{
		background-image: url(/images/startpage/bg.jpg);
		background-repeat: repeat-x ;
		background-position: left top;
		height: 514px;
		width: 100%;
		}

	#container2	{
		height: 514px;
		width: 632px;
		}

	#container4 {	
		height: 100%;
		min-width: 779px;
		position: absolute;
		top: 0px;
		z-index: 4;
		width: 100%;
		}

	#container4_1 {
		float: left;
		margin-top: 50px;
		position: relative;
		z-index: 5;
		}

	#container4_2 {
		float: left;
		width: 100%;
		z-index: 31;
		}
		
	#content {
		color: #333;
		font-family: Arial,sans-serif;
		position: absolute;
		top: 180px;
		width: 100%;
		z-index: 5;
		}
		
	div.TabbedPanelsContent img {
		margin:15px;
		}

	div.TabbedPanelsContent p.text, div.AccordionPanelContent p.text {
		font-size: 12px;
		line-height: 17px;
		margin-left: 30px;
		text-align: justify;
		padding: 0 30px 0 0;
		}	
	
	
	.left {
		margin-right: 0px;
		text-align: left;
		}
	
	.right {
		float: right;
		margin-left: 15px;
		}
		
	#top {
		background: url("/images/topbg.gif") top repeat-x;
		height: 35px;
		width: 100%;
		}
		
	#topstripe {
		background: url("/images/tstripe.gif") repeat-x;
		height: 20px;
		position: absolute;
		top: 120px;
		width: 100%;
		}
		
	
/* 3.SUB CONTAINERS */

	.activ {
		color: #bb2824;
		}
		
	.albumtext {
		font-size: 12px;
		line-height: 17px;
		margin-left: 30px;
		text-align: center;
		}
		
	div#size img { 
	    margin:0 0 0 160px;
		float: left;
		}

	.photoblock {
		}
			
	.green {
		color: #093;
		font: 12px Arial, sans-serif;
		margin-left: 30px;
		}

	img.corner {
		border: none;
		display: block !important;
		height: 15px;
		width: 15px;
		}
						
	#logo {	
		background: url("/images/logotostore.png") no-repeat;
		height: 110px;
		position: absolute;
		top: 50px;
		z-index: 2;
		width: 275px;
		}
	
	#logo a {
		display: block;
		height: 50px;
		width: 100%;
		}

	#map_history a {
		background: #fff;
		border-right: #fff 30px solid;	
		color: #f90;
		}

	/*#map_history a:active {
		background: #fff;
		border-right: #fff 30px solid;
		color: #f90;
		}

	#map_history a:hover {
		background: #f90;
		border-right: #f90 30px solid;
		color: #fff;
		}*/

	#map_home a {
		background: #fff;
		border-right: #fff 30px solid;
		color: #f00;
		}

	/*#map_home a:active {
		background: #f00;
		border-right: #f00 30px solid;
		color: #fff;
		}

	#map_home a:hover {
		background: #f00;
		border-right: #f00 30px solid;
		color: #fff;
		}*/

	#map_size a {
		background: #fff;
		border-right: #fff 30px solid;
		color: #ffcc03;
		}

	/*#map_size a:active {
		background: #ffcc03;
		border-right: #ffcc03 30px solid;
		color: #fff;
		}

	#map_size a:hover {
		background: #ffcc03;
		border-right: #ffcc03 30px solid;
		color: #fff;
		}*/

	#map_colour a {
		background: #fff;
		border-right: #fff 30px solid;
		color: #090;
		}

	/*#map_colour a:active {
		background: #090;
		border-right: #090 30px solid;
		color: #fff;
		}

	#map_colour a:hover {
		background: #090;
		border-right: #090 30px solid;
		color: #fff;
		}*/

	#map_style a {
		background: #fff;
		border-right: #fff 30px solid;
		color: #0cf;
		}

	/*#map_style a:active {
		background: #0cf;
		border-right: #0cf 30px solid;
		color: #fff;
		}

	#map_style a:hover {
		background: #0cf;
		border-right: #0cf 30px solid;
		color: #fff;
		}*/

	#map_album a {
		background: #fff;
		border-right: #fff 30px solid;
		color: #020299;
		}

	/*#map_album a:active {
		background: #020299;
		border-right: #020299 30px solid;
		color: #fff;
		}

	#map_album a:hover {
		background: #020299;
		border-right: #020299 30px solid;
		color: #fff;
		}*/

	#map_contact a {
		background: #fff;
		border-right: #fff 30px solid;
		color: #c3f;
		}

	/*#map_contact a:active {
		background: #c3f;
		border-right: #c3f 30px solid;
		color: #fff;
		}

	#map_contact a:hover {
		background:#c3f;
		border-right:#c3f 30px solid;
		color:#fff;
		}*/
		
	#menu {
		font: 16px Arial, sans-serif;
		font-weight: bold;
		height: 30px;
		letter-spacing: -0.8px;
		position: absolute;
		right: 10%;
		text-transform: uppercase;
		text-align: right;
		top: 96px;
		z-index: 135;
		}
		
	#menu a {
		text-decoration: none;
		}
	
	#menu_contact a {
		color: #d6bab4;
		}

	#menu_contact a:hover {
		border-bottom: #c3f 5px solid;
		color: #bb2824;
		}

	#menu_contact a:active {
		border-bottom: #c3f 5px solid;
		color: #c3f;
		}

	#menu_index a:hover {
		border-bottom: #f00 5px solid;
		color: #bb2824;
		}

	#menu_index a:active {
		border-bottom: #f00 5px solid;
		color: #f00;
		}

	#menu_history a:hover {
		border-bottom: #f90 5px solid;
		color: #bb2824;
		}

	#menu_history a:active {
		border-bottom: #f90 5px solid;
		color: #f90;
		}

	#menu_size a:hover {
		border-bottom: #ffcc03 5px solid;
		color: #bb2824;
		}

	#menu_size a:active {
		border-bottom: #ffcc03 5px solid;
		color: #ffcc03;
		}

	#menu_colour a:hover {
		border-bottom: #090 5px solid;
		color: #bb2824;
		}

	#menu_colour a:active {
		border-bottom: #090 5px solid;
		color: #090;
		}

	#menu_style a:hover {
		border-bottom: #0cf 5px solid;
		color: #bb2824;
		}

	#menu_style a:active {
		border-bottom: #0cf 5px solid;
		color: #0cf;
		}

	#menu_album a:hover {
		border-bottom: #020299 5px solid;
		color: #bb2824;
		}

	#menu_album a:active {
		border-bottom: #020299 5px solid;
		color: #020299;
		}
	
	#menu_index a,#menu_history a,
	#menu_size a,#menu_colour a,
	#menu_style a,#menu_album a {
		color: #d6bab4;
		margin-right: 10px;
		}
		
	#picture1 {
		float: left;
		height: 514px;
		width: 319px;
		}

	#picture2 {
		float: left;
		height: 514px;
		width: 313px;
		}
		
	#picture3 {
		height: 514px;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 149px;
		}
		
	.red {
		background: #f00;
		color: #fff;
		font: 12px Arial, sans-serif;
		font-weight: bold;
		display: inline;
		margin-left: 30px;
		}

	.roundbottom {
		background: url("/images/rightbox/br.gif") no-repeat top right;
		}
	
	.roundtop {
		background: url("/images/rightbox/tr.gif") no-repeat top right;
		}
		
	.side {
		background: #fff3c5 url("/images/bg300-70.gif");
		height: auto;
		margin-top: 20px;
		text-align: left;
		width: 210px;
		}

	.side1 {
		background: #fff3c5 url("/images/bg300-70.gif");
		height: auto;
		margin-top: 0px;
		text-align: left;
		width: 210px;
		}

	#subfooter {
		color: #bb2824;
		font: 11px Arial,sans-serif;
		margin-top: 10px;
		}

	#subfooter div.left a,.text a{
		color: #ecab33;
		text-decoration: none;
		}

	#subfooter div.left a:hover {
		background: #ecab33;
		color: #fff;
		}

	#subfooter div.right {
		color: #bb2824;
		}

	div#size p {
		font-size: 12px;
		line-height: 17px;
		margin-left: 30px;
		text-align: justify;
		padding: 0 0 0 0;
		}	
		
	.text {
		font-size: 12px;
		line-height: 17px;
		margin-left: 30px;
		text-align: justify;
		padding: 0 260px 0 0;
		}

	#title {
		background: url("/images/title.png") no-repeat;
		height: 60px;
		position: absolute;
		right: 10%;
		top: 25px;
		width: 300px;
		z-index: 3;
		}

	#title a {
		display: block;
		height: 100%;
		width: 100%;
		}


/* 4.LISTS */

	ul {
		font-family: Arial, sans-serif;
		font-size: 12px;
		letter-spacing: +1px;
		}

	ul a {
		text-decoration: none;
		} 	


/* 5.TYPOGRAPHY */

	h1 {
		color: #c3872c;
		display: inline;
		font-size: 18px;
		font-weight: bold;
		margin-left: 0;
		margin-top: 20px;
		text-transform: uppercase;
		}
		
	h2 {
		color: #c3872c;
		display: inline;
		font-size: 15px;
		font-weight: bold;
		margin-left: 0;
		margin-top: 20px;
		/*text-transform: uppercase;*/
		}
		
	h3 {
		color: #000;
		display: inline;
		font-size: 12px;
		font-weight: normal;
		margin-left: 0;
		margin-top: 20px;
		text-transform: uppercase;
		}

	hr {
		background-color: #eee;
		color: #eee;
		margin: .8em 0 0 0;
		}


/* 6.FORMS */

	#contactForm button {
		background: transparent url(/images/submit.gif);
		border: 0;
		cursor: pointer;
		height: 25px; 
		margin-top: 10px;
		text-indent: -9999px; 
		width: 84px; 
		}

	#contactForm input{
		padding: 3px;
		width: 350px;
		}
	
	input   {
		background-image: url(/images/formbg.gif);
		border: 1px solid #a6a6aa;
		color: #6e6e6e;
		font-family: sans-serif;
		font-weight: bold;
		margin-bottom: 5px;
		margin-top: 5px;
		padding: 3px;
		}

	input:focus, #contactForm textarea:focus{
		background: #fff;
		}
	
	textarea{
		background: url(/images/formbg.gif);
		border: 1px solid #a6a6aa;
		color: #6e6e6e;
		font-family: sans-serif;
		font-weight: bold;
		height: 100px;
		margin-top: 5px;
		padding: 3px;
		width: 350px;
		}

/* END */