/* CSS Document */


/*==== main tags ====*/

body{
	background-color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#FFFFFF;
	line-height:110%;
	/*width:770px; */
	margin: 0; padding: 0;
	}


h1{
	font-family:Papyrus;
	font-size:230%;
	font-weight:600;
	}

h2{
	font-family:Papyrus;
	font-size:170%;
	font-weight:100;
	}	
	
h3{
	font-family:Arial, Heletica, sans-serif;
	font-size:150%;
	font-weight:100;
	/*color:#FF66CC;*/
	color:#f3b9cf;
	
	}	
	
h4{
	font-family:Arial, Heletica, sans-serif;
	font-size:180%;
	font-weight:100;
	color:#ffffff;
	margin-bottom:-10px;
	}			


h5{
	font-family:Arial, Heletica, sans-serif;
	font-size:150%;
	font-weight:100;
	color:#fff;	
	}	

	
a{
	color:#ffffff;
	text-decoration:none;
	}

a:hover{
	color:#f3b9cf;
	text-decoration:none;
	}	

/*==== end main tags =====*/


/*==== frame ====*/

.generator {
    float: left;
    margin: 10px 0 0 0;  
	width: 50%; 
	height: 480px;
}

.frame_options {
   float: right;
	margin: 10px 0 0 0;  
	width: 48%;
	height: 480px;
}


/*==== layout id's ====*/
	
#container{
	position:absolute;
	left:50%;
	width:770px;
	background-image:url(images/bg_gradient.jpg);
	background-repeat:repeat-x;
	height:800px;
	margin:0 0 0 -385px;
	}
	
#headerLeft{
	height:227px;
	width:270px;
	float:left;
	}	
	
#headerRight{
	font-size:80%;
	height:147px;
	width:450px;
	float:right;
	text-align:right;
	padding:80px 20px 0 0;
	}
	
#main{
	width:500px;
	float:left;
	}
	
#galleries{
	float:right;
	width:195px;
	background-image:url(images/galleries_gradient.jpg);
	background-repeat:repeat-x;
	margin:20px 10px 20px 0;
	font-size:80%;
	line-height:150%;
	}
	
#footer{
	clear:both;
	margin-left:40px;
	font-size:80%;
	text-align:center;
	border:none;
	}
	#footer a{
	border:none;
	}
	#footer img{
	border:none;
	}
	
#mainBody{
	width:450px;
	float:left;
	font-size:75%;
	margin:0px 0px 0px 40px;
	}
	
x* {
	border: 1px solid #fff;
}
	
/*==== end layout id's ====*/


/*==== design classes ====*/

.navLinks{
	color:#ffffff;
	text-decoration:none;
	}
	.navLinks a{
	color:#ffffff;
	text-decoration:none;
	}
	.navLinks a:hover{
	color:#f3b9cf;
	text-decoration:none;
	}
	
		
.navLinks2 ul{
	list-style: none;
    padding:0;
    margin-left:30px;
	}
	.navLinks2 a{
	color:#f3b9cf;
	text-decoration:none;
	font-size:90%;
	}
	.navLinks2 a:hover{
	color:#ffffff;
	text-decoration:none;
	}

.selected{
 color:#ff66cc;
}


/*---- frames ----*/	
	
.artist{
	width:150px;
	font-size:90%;
	text-align:center;
	}
	.artist a{
	color:#ffffff;
	text-decoration:none;
	}
	.artist a:hover{
	color:#f3b9cf;
	text-decoration:none;
	}
	
.artist_image{
	margin:15px 10px 0 10px; 
	text-align:center;
	width:185px;
}	
	
.photo_thumbs{
	width:200px;
	}
	.photo_thumbs a{
	color:#ffffff;
	text-decoration:none;
	}
	.photo_thumbs a:hover{
	color:#FF66CC;
	text-decoration:none;
	}
	
.dropdown{
	color: #fff;
	background: #5b5b5b;
	border: 2px outset #ccc;
	}	
	
.frames{
	background-color:#5b5b5b;
	float:right;
	width:261px;
	margin-right:0px;
	padding:5px;
	font-size:90%;
	}
	
.personalise{
	font-size:90%;
	font-weight:600;
	}	
	
.totals{
	font-size:100%;
	float:right;
	text-align:right;
}
.totals img{
	margin-top:3px;
	}
	
.size{
	background-color:#8a8a8a;
	width:215px;
	}	
.mount{
	background-color:#8a8a8a;
    width:215px;
	}	
.frame{
	background-color:#8a8a8a;
	width:215px;
	}	
	
.image_name{
	font-size:140%;
	font-weight:600;
	}	
	
.framed_pic{
	float:left;
	width:206px;
	font-size:90%;
	}	
	
/*----  end frames  ----*/					
	
/*---- orders  ----*/	
	
.ordersLeft{
	float:left; 
	text-align:right; 
	margin-left:30px;
	}
	.ordersLeft img{
	float:left;
	height:110px;
	width:150px;
	margin-right:30px;
	}

.ordersRight{
	float:left; 
	margin-left:10px;
	}		
	
.continue{
	clear:both;
	margin-left:30px;
	}	

/*----  end orders  ----*/	

/*----  license  ----*/

.licenseLeft{
	float:left;
	width:40%;
	}

.licenseRight{
	float:right;
	width:60%;
	}

.continueLicense{
	clear:both;
	}	

/*----  end license  ----*/

/*==== end design classes ====*/	


/* --- prices --- */

.price_text{
   font-size:75%;
   font-weight: bold;
}

.price{
   font-size:75%;
   font-weight: bold;
   color:#f3b9cf;
}

.enlarge{ 
	font-size:80%; 
	font-weight:bold; 
    }
	.enlarge a{
	color:#fff;
	text-decoration:none;
	}
	.enlarge a:hover{
	color:#f3b9cf;
	text-decoration:none;
	background-color:#343434;
	padding-left: 10px;
	padding-right: 10px;

	}


.enlarge_window{ 
	font-size:90%; 
	font-weight:normal; 
	text-align:center;
    }
	.enlarge_window a{
	color:#fff;
	text-decoration:none;
	}
	.enlarge_window a:hover{
	color:#f3b9cf;
	text-decoration:none;
	}	

/* --- end prices --- */
	

ul#navlist li { list-style-type: square;
                padding: 0;
                margin: 0; }
	
ul#navlist a{
  font-weight: normal;
  color: #fff;
  font-size: 100%;
  line-height:20px;
}

ul#navlist a:hover{
  font-weight: normal;
  color: #f3b9cf;
  font-size: 100%;
  line-height:20px;
}


#active {
    font-weight: bold;
	color: #33FF00;
}

#current {
    font-weight: bold;
	color:#993300;
}




.basket{
	color:#fff;
	border:1px solid #e9e9e9;
	margin-top:20px;
	}
	.baskethead{
	background-color:#222;
	font-weight:bold;
	}
	.basketrow{
	background-color:#222;
	}

.redCopy{
		color:#ff0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		}
		
.addressbox{
	background-color:#e9e9e9;
	padding:5px;
	width: 420px;
	}
	
.button{
	background-color:transparent;
	color:#fff;
	border:none;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.biography{
    text-align:justify;
}

.terms{
    list-style-type:lower-alpha;
	text-align:justify;
}

.pagenumber{
   color:#f3b9cf;
}

div#counter {
	margin: 5px 0 25px; text-align: center; font-weight: bold; font-size: 80%; font-family: Verdana; color: #fff;
}
div#counter span {
	background-color: #000; border: 1px solid #fff; padding: 2px;
}