/* CSS Document */




/*Global */
* 
{

margin: 0px;
padding:0px;
border:none;
}

body{

background:#fff;
}


#main{
width:100%
}


.framer{
position:relative;
margin: 0px auto;
}


/* top styles--------------------------------------------------------------------- */


#top{ 

height: 293px;
background:url(Images/elements/bar.jpg) repeat-x;

}

#bar{

height:41px;
background:url(Images/elements/barst.jpg) repeat-x;
}

#barmain{

height:41px;
background:url(Images/elements/barmain.jpg) repeat-x;
}


#barmain2{

height:41px;
width:920px;
padding:0px 10px 0px 10px;
background:url(Images/elements/barmain.jpg) repeat-x;
}


#bar2{

width:950px;
height:41px;
background-image:url(Images/elements/bar2.jpg);
}


#bar3{

width:940px;
height:41px;
background-image:url(Images/elements/uploadmaintop.jpg);
background-position:right;
background-repeat:no-repeat;
padding: 0px 0px 0px 10px;
}





#head{

width:950px;
height:296px;
background:url(Images/elements/canvas.jpg) no-repeat right;

}



#head3{

width:930px;
height:206px;
background:url(Images/elements/uploadmain.jpg) no-repeat right;
padding:80px 10px 10px 10px;



}


/*middle styles---------------------------------------------------------------------*/

#middle{



}


#content{

width:930px;
height:350px;
padding:10px 10px 10px 10px;


}

#content2{

width:930px;
height:750px;
padding:40px 10px 10px 10px;


}


#content3{

width:930px;
height:650px;
padding:40px 10px 10px 10px;


}


#content4{

width:930px;
height:950px;
padding:35px 0px 10px 10px;
background:url(Images/elements/photo_top.jpg) no-repeat top right;


}


#content5{

width:930px;
height:450px;
padding:40px 10px 10px 10px;


}


#content6{

width:930px;
height:50px;
padding:40px 10px 10px 10px;


}

#artinfo{
float:left;
width:250px;

padding:15px 10px 10px 10px;


}



#upperinfo{
float:left;
width:500px;

padding:15px 10px 10px 20px;


}


#print_info{
float:left;
width:660px;

padding:10px 0px 10px 0px;


}


#contact{
float:left;
width:500px;
padding:10px 0px 10px 0px;


}


#contactinfo{
float:right;
width:290px;
padding:30px 0px 10px 10px;
border-left: #ccc dotted 1px;


}


#upinfo{
float:left;
width:350px;

}
/* mid image highlights */

#pot{
float:left;
width:203px;

}



#harb {

float:left;
width:323px;
padding:0px 95px 0px 95px;

}


#fel{

float:left;
width:183px;


}


#instruc{
float:right;
width:600px;
height:250px; 
margin:32px 0px 0px 30px;
display:inline;

background-image:url(Images/elements/treasured_memories.jpg);

}


#popular{
display:block;
clear:both;
 height:20px;
 padding:5px 5px 5px 0px;
margin:0px 0px 5px 0px;
font-family: Arial;
font-size: 11px;
font-size-adjust: none;
border: #ccc 1px dotted;
background:#fbf9f3;
 



}


#popularb{
display:block;
clear:both;
 height:20px;
 padding:5px 5px 5px 0px;
margin:0px 0px 20px 0px;
font-family: Arial;
font-size: 11px;
font-size-adjust: none;
border: #ccc 1px dotted;
background:#fbf9f3;
 



}


#more{

float:right;
width:270px;
height:300px;

margin:20px 57px 0px 0px;
display:inline;

}


#moref{

float:right;
width:270px;
height:300px;
height:100px;
margin:20px 0px 0px 0px;
display:inline;

}


#step{

float:right;
width:190px;
height:220px;
margin:20px 11px 0px 0px;
display:inline;
border: 1px solid #ccc;
}


#stepf{

float:right;
width:190px;
height:220px;
margin:20px 0px 0px 0px;
display:inline;
border: 1px solid #ccc;
}




#size{

float:left;
width:300px;
height:600px;
}


 div#feeder{
 float:left;
 width:502px;
 height:20px;

 height:20px;
 padding:5px 5px 5px 0px;
margin:0px 0px 5px 0px;
font-family: Arial;
font-size: 11px;
font-size-adjust: none;
border: #ccc 1px dotted;
background:#fbf9f3;


}


 div#feeder2{
 float:left;
 width:502px;
 height:20px;

 height:20px;
 padding:5px 5px 5px 0px;
margin:0px 0px 5px 0px;
font-family: Arial;
font-size: 11px;
font-size-adjust: none;
border: #ccc 1px dotted;
background:#fbf9f3;


}


 div#feeder3{
 float:left;
 width:502px;
 height:30px;

background:url(Images/elements/tab3.jpg) no-repeat;
padding:10px 5px 5px 0px;
margin:0px 0px 0px 0px;
display:inline;
font-family: Arial;
font-size: 11px;
font-size-adjust: none;
font-stretch: ;
color:#8d8d8d;


}

#cart{

float:right;
padding:0px 0px 0px 0px;
width:100px;
height:24px;
}






#prints{

float:left;
width:150px;
height:250px;
margin-right:15px;
display:inline;
}




/*footer styles ---------------------------------------------------------------------*/

#bottom{

height:200px;
border-top:1px #cdd0d4 solid;
}

#foot{

width:930px;
height:30px;
padding:10px;

}











/*images  ---------------------------------------------------------------------*/

.grey{
float:left; 
padding:0px 0px 5px 0px;

}


.upperim{
float:left; 
padding:5px 5px 5px 5px;
background-color:#CCCCCC;
border:#999 1px dotted;

}


.choice{
float:left; 
padding:0px 0px 5px 0px;
margin-right:15px;
}


.front{
float:left; 
padding:0px 0px 5px 0px;
}


{


border: none;
vertical-align: middle;
margin-right: 5px;
padding:5px;


}




/*typography  ---------------------------------------------------------------------*/

.text{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#8d8d8d;
text-align:left;
text-decoration:none;
text-indent:0px;
line-height:18px;

}


.textwhite{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-align:left;
text-decoration:none;
text-indent:0px;
line-height:18px;

}


.textfor{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#8d8d8d;
text-align:left;
text-decoration:none;
text-indent:0px;
line-height:18px;
padding:10px 0px 0px 0px;

}


.textside{
font-size:11px;
font:arial;
color:#8d8d8d;
text-align:left;
text-decoration:none;
text-indent:0px;
line-height:18px;
padding:5px 0px 0px 0px;

}


.steps{
font-size:11px;
font:arial;
color:#8d8d8d;
text-align:left;
text-decoration:none;
text-indent:0px;
line-height:18px;
padding:10px;

}


.small{
font-size:10px;
font:helvetica;
color:#cdd0d4;
text-align:center;
text-decoration:none;
text-indent:0px;
line-height:18px;

}


.info{

float:left;
padding:0px;
margin:0px;
color:#8d8d8d;
padding:5px 0px 0px 0px;
}


/* headings ---------------------------------------------------------------------------    */


.int{
display:block;
	height: 92px;
	background-image:url(Images/elements/headings/intro.jpg);
background-color:transparent;
	text-indent:-2000px;
	background-repeat:no-repeat;
	
}

.sub{
display:block;
clear:both;
padding:0px 0px 10px 0px;
font-size:15px;
font:arial;
font-weight:lighter;
color:#d2d4d5;
}


.pic{

padding:5px 0px 5px 0px;
font-size:19px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;


color:#ba5211;
}


.subprices{

float:left;
width:510px;

padding:15px 0px 20px 0px;
font-size:13px;
font:arial;
font-weight:lighter;
color:#5a5c5b;
}

.subnest{

float:left;
width:510px;

padding:5px 0px 20px 0px;
font-size:13px;
font:arial;

color:#a3a1a1;
}





.invis{
display:block;
height:1px;
text-indent:-2000px;
padding:0px;
margin:0px;
font-size:1px;

}


.suboran{
display:block;
height:32px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/ordering_prints.jpg) no-repeat;
	text-indent:-2000px;
}


.request{
display:block;
height:25px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/request.jpg) no-repeat;
	text-indent:-2000px;
}


.thankyou{
display:block;
height:25px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/thank.jpg) no-repeat;
	text-indent:-2000px;
}


.general{
display:block;
height:25px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/general.jpg) no-repeat;
	text-indent:-2000px;
}

.vista{
display:block;
height:38px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/vista.jpg) no-repeat;
	text-indent:-2000px;
}


.around{
display:block;
height:25px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/around.jpg) no-repeat;
	text-indent:-2000px;
}

.fill{
display:block;
height:32px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/fill.jpg) no-repeat;
	text-indent:-2000px;
}



.step1{
display:block;
height:72px;
clear:both;
padding:0px 0px 0px 0px;
border-bottom: #ccc 1px dotted;
background: url(Images/elements/step1.jpg)no-repeat;
	text-indent:-2000px;
}

.step2{
display:block;
height:72px;
clear:both;
padding:0px 0px 0px 0px;
border-bottom: #ccc 1px dotted;
background: url(Images/elements/step2.jpg)no-repeat;
	text-indent:-2000px;
}


.step3{
display:block;
height:72px;
clear:both;
padding:0px 0px 0px 0px;
border-bottom: #ccc 1px dotted;
background: url(Images/elements/step3.jpg)no-repeat;
	text-indent:-2000px;
}



.why{
display:block;
height:32px;
clear:both;
padding:10px 0px 10px 0px;
background:url(Images/elements/headings/why.jpg) no-repeat bottom left;
	text-indent:-2000px;
}


.your{
display:block;
height:32px;
clear:both;
padding:10px 0px 10px 0px;
background:url(Images/elements/headings/your.jpg) no-repeat bottom left;
	text-indent:-2000px;
}


.printsub{
display:block;
clear:both;
padding:0px 0px 0px 10px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;

color:#e6a634;
}


.vib{

width:514px;
height:337px;
background:url(Images/elements/headings/vibrant.jpg);
text-indent:-2000px;
}


.popularsizes{
display:block;
height:25px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/popular_sizes.jpg) no-repeat;
	text-indent:-2000px;
}



.subfr{
display:block;
clear:both;
padding:0px 0px 10px 0px;
color:#df8046;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;

}

.subfr2{
display:block;
clear:both;
padding:0px 0px 10px 0px;
color:#8dc445;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:lighter;

}




.square{
display:block;
clear:both;
height:25px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/square.jpg) no-repeat;
	text-indent:-2000px;
}


.special{
display:block;
clear:both;
height:25px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/specialsizes.jpg) no-repeat;
	text-indent:-2000px;
}


.popular{
display:block;
height:32px;
clear:both;
padding:0px 0px 10px 0px;
background-image:url(Images/elements/headings/popular_solutions.jpg);
	text-indent:-2000px;
	background-repeat:no-repeat;

}


.upload{
display:block;
height:70px;
clear:both;
padding:0px 0px 25px 0px;
background:url(Images/elements/upload2.jpg) no-repeat;
	text-indent:-2000px;
}


.enquire{
display:block;
height:80px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/enquiries.jpg) no-repeat;
	text-indent:-2000px;
}


.cust{
display:block;
height:80px;
clear:both;
padding:0px 0px 0px 0px;
background:url(Images/elements/headings/cust.jpg) no-repeat;
	text-indent:-2000px;
}



.art{
display:block;
height:80px;
clear:both;
padding:0px 0px 0px 0px;
margin:20px 0px 0px 0px;
background:url(Images/elements/headings/exclusive.jpg) no-repeat;
	text-indent:-2000px;
}


.tocan{
display:block;
height:80px;
clear:both;
padding:0px 0px 0px 0px;
margin:20px 0px 0px 0px;
background:url(Images/elements/headings/tocan.jpg) no-repeat;
	text-indent:-2000px;
}


.customim{
display:block;
height:70px;
clear:both;
padding:0px 0px 25px 0px;
background:url(Images/elements/custom2.jpg) no-repeat;
	text-indent:-2000px;
}




.custom{
display:block;
height:32px;
clear:both;
padding:0px 0px 10px 0px;
background-image:url(Images/elements/headings/custom_solutions.jpg);
	text-indent:-2000px;
	background-repeat:no-repeat;

}


.avail{
display:block;
height:32px;
clear:both;
padding:0px 0px 10px 0px;
background-image:url(Images/elements/headings/print_range.jpg);
	text-indent:-2000px;
	background-repeat:no-repeat;

}




/*Links----------------------------------------------------------------------------------------*/


/*CSS FOR MENU TREE */

#menuh-container
	{
	position: absolute;
	top: 10px;
	left: 150px;
	width: 481px;
	height: 20px;
	background-color:#8dc445;

	}

#menuh
	{
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	

	}
		
#menuh a
	{
	text-align: center;
	display:block;
	
	white-space:nowrap;
	margin:0;
	padding: 0.2em;
	height:15px;
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: #c8e2a6;
	background-color: #8dc445;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
		color:#fff;
	background-color: #8dc445;
	
	}	
			



#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:80px;
		/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}


/* End */






.frlink:link{


float:left;
padding:0px;
margin:0px;
color:#de8446;
padding:10px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;




}

.frlink:visited{
float:left;
padding:0px;
margin:0px;
color:#de8446;
padding:10px 0px 0px 0px;
font-family:Arial;
font-size:11px;
text-decoration:none;
color:#de8446;



}

.frlink:hover{

float:left;
padding:0px;
margin:0px;
color:#8d8d8d;
padding:10px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
text-align:LEFT;
color:#f6b008;




}





.sizes:link{


float:left;
padding:0px;
margin:0px;
color:#8d8d8d;
padding:0px 0px 0px 10px;
font-family:Arial;
font-size:11px;
text-decoration:none;
color:#7b7c7d;



}

.sizes:visited{
float:left;
padding:0px;
margin:0px;
color:#8d8d8d;
padding:0px 0px 0px 10px;
font-family:Arial;
font-size:11px;
text-decoration:none;
color:#7b7c7d;



}

.sizes:hover{

float:left;
padding:0px;
margin:0px;
color:#8d8d8d;
padding:0px 0px 0px 10px;
font-family:Arial;
font-size:11px;
text-decoration:none;
text-align:LEFT;
color:#f6b008;




}



.detail:link 

{

display:block;
clear:both;
font-family: Arial;
font-size: 11px;
text-decoration: none;
color: #7B7C7D;
padding:10px 0px 0px 15px;
margin-left:10px;

background:url(Images/elements/circles.jpg) bottom left no-repeat;

}



.detail:visited

{

display:block;
clear:both;
font-family: Arial;
font-size: 11px;
text-decoration: none;
color: #7B7C7D;
padding:10px 0px 0px 15px;
margin-left:10px;

background:url(Images/elements/circles.jpg) bottom left no-repeat;

}

.detail:hover 

{
display:block;
clear:both;
color: #93c647;
border-bottom-width: 1px;
padding:10px 0px 0px 15px;
margin-left:10px;

background:url(Images/elements/circles.jpg) bottom left no-repeat;

}



.st:link 

{


font-family: Arial;
font-size: 11px;
text-decoration: none;
color: #de8446;




}



.st:visited

{


font-family: Arial;
font-size: 11px;
text-decoration: none;
color: #de8446;




}

.st:hover 

{

color: #f6b008;
border-bottom-width: 1px;





}


/*Lists----------------------------------------------------------------------------------------*/

#bulletlist li 

{

text-decoration: none;
font-size:11px;
font-family:Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
list-style:none;
margin:10px 0px 0px 0px;
color: #8d8d8d;
padding:2px 0px 5px 25px;
background-color: transparent;
background-image:url(Images/elements/headings/tick.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 0.2em;;

}



#bulletlistwhite li 

{

text-decoration: none;
font-size:11px;
font-family:Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
list-style:none;
margin:10px 0px 0px 0px;
color: #fff;
padding:2px 0px 5px 25px;
background-color: transparent;
background-image:url(Images/elements/greentick.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 0.2em;;

}


/*Forms----------------------------------------------------------------------------------------*/



.up{
float:left;
padding-top:30px;

width:270px;
}


.input {

width:10px;

margin-top:5px;

border: #999 1px solid ;

padding:5px;

font-family:Arial;

font-size:10px;

color:#adc5dc;
}



.form{
float:left;
width:620px;
margin-top:20px;

}


.input {

width:300px;

margin-top:5px;

border: #ccc 1px dotted;
background:#fbf9f3;

padding:5px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#ba5211;

}



.area {

width:500px;

height:150px;

margin-top:10px;

border: #ccc 1px dotted;
background:#fbf9f3;

padding:5px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#ba5211;





}



.inputbutton {


border-style:solid;

border-width:1px;

border-color:#ccc;

padding:5px;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:#ba5211;

background-color:#FFFFFF;

margin-top:10px;
}