body {
/* background-image: url(../logos/gradient_black.jpg); */
background: #f3f3f3; /*f3f3f3*/
margin:0;
padding:0;
padding-bottom: 20px;
font-family: arial, trebuchet ms, lucida grande, arial, helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

#container {
position: relative;
width: 930px;
/* height: 704px; */
background: #fff;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
padding: 0;
text-align: left;
border: 0px solid #333;
}

/* LEFT COLUMN */

#left_col {
float: left;
width: 180px;
margin:0;
padding:0;
padding-top: 10px;
border: 0px solid black;
}


#left_col span {
display: block;
margin:0;
margin-bottom: 0;
margin-top: 0;
padding:0;
width: 172px;
/*  border: 1px solid green;  */
}




#left_col hr {
display: block;
width: 85%;
margin: 0;
margin-left: 20px;
margin-bottom:5px;
margin-top: 5px;
padding:0;
}


/* RIGHT COLUMN */

#right_col img {
padding: 0;
margin: 0;
border: 0px solid black;
}

#right_col {
float: right;
/*width: 365px; */
width: 160px;
margin:0;
margin-right: 5px;
padding:0;
border:0px solid green;
} 

#right_col_about {
float: right;
width: 355px;
margin:0;
margin-right: 5px;
padding:0;
border:0px solid green;
} 

#right_col_greetings{
float: right;
width: 220px;
margin:0;
padding:0;
/*padding-top: 50px;*/
border:0px solid green;
} 


#right_col_pos {
float: right;
width: 335px;
margin:0;

padding:0;
padding-right: 20px;
border:0px solid green;
} 

#right_col_wire {
float: right;
width: 335px;
margin:0;
padding:0;
padding-right: 22px;
border:0px solid green;
} 


#right_col_bespoke {
float: right;
width: 300px;
margin:0;
padding:0;
padding-right: 15px;
border:0px solid green;
} 


#right_col_plastic {
float: right;
width: 175px;
margin:0;
padding:0;
padding-right: 5px;
border:0px solid green;
} 


#right_col_99 {
float: right;
width: 341px;
margin:0;
margin-right: 5px;
padding:0;
border:0px solid green;
} 

#right_col_stattrade {
float: right;
width: 340px;
margin:0;
margin-right: 5px;
padding:0;
border:0px solid green;
} 

#right_col_substrate {
float: right;
width: 350px;
margin:0;
padding:0;
padding-right: 180px;
border:0px solid green;
} 




#right_col  .uv_list {
margin-left:20px;
padding:0;
padding-right: 10px;
}

#right_col  .uv_list ul {
margin:0;
padding:0;
}

#right_col  .uv_list li {
list-style-image: url(../logos/uv_bullet.gif);
list-style-position: outside;
 background-repeat: no-repeat;
margin-left:0;
margin-bottom: 10px;
padding:0;
border: 0px solid blue;
}

#right_col_photographers {
float: right;
width: 235px;
margin:0;
margin-right: 5px;
padding:0;
border:0px solid green;
} 


/* MIDDLE COLUMN */

#middle_col {
background-image: url(../logos/left_border.gif);
background-repeat: repeat-y; 
margin-top:0;
margin-bottom: 0;
padding-left:5px;
padding-bottom: 10px;
margin-left: 181px;
margin-right: 0;
border: 0px solid red;
/*width:556px;*/
}

#middle_col_front {
background:#fff;

margin-top:0;
margin-bottom: 0;
padding-left:5px;
padding-bottom: 10px;
margin-left: 181px;
margin-right: 0;
border: 0px solid red;
/*width:556px;*/
}



#middle_col hr {
display: block;
width: 85%;
margin-left: 35px;
margin-bottom:55px;
margin-top: 15px;
padding:0;
}

#mid_left_col_front {
border: 0px solid grey;
width: 325px;
margin: 0;
padding:0;
height: 540px;
}


#middle_col_pos {
background-image: url(../logos/left_border.gif);
background-repeat: repeat-y;
margin-top:0;
margin-bottom: 0;
padding-left:8px;
padding-bottom: 10px;
margin-left: 181px;
margin-right: 0;
border: 0px solid red;
}

#middle_col_fsc{
background-image: url(../logos/FSC_leaf_new.gif);
background-repeat: no-repeat;
/* background-position: 247px 160px; */
margin-top:0;
margin-bottom: 0;
padding-left:8px;
padding-bottom: 10px;
margin-left: 181px;
margin-right: 0;
border: 0px solid red;


}


#middle_col_contact {
background-image: url(../logos/left_border.gif);
background-repeat: repeat-y;
margin-top:0;
margin-bottom: 0;
padding-left:8px;
padding-bottom: 290px;
margin-left: 181px;
margin-right: 0;
border: 0px solid red;
}


#fakeframe {
display:block;
width: 670px;
height: 550px;
overflow: auto;
padding-right: 10px;
}

#fakeframe_gallery {
display:block;
width: 720px;
height: 220px;
overflow: auto;
border: 1px dotted #ddd;
}


#fakeframe1 {
display:block;
width: 720px;
height: 385px;
overflow: auto;
}

#fakeframe_fsc {
display:block;
width: 425px;
height: 355px;
padding:20px;
padding-top: 160px;
overflow: auto;
}


/* #middle_col img {
margin:0;
margin-left: -5px;
margin-top: 4px;
padding:0;

} */

#middle_inner {
margin:0;
padding: 20px;
padding-top:10px;
}

#middle_inner hr {
margin-top: 0;
margin-bottom: 30px;
}

#middle_featured {
margin:0;
padding: 20px;
padding-top:10px;
height: 600px;
}


#mid_left_col {
border: 0px solid grey;
width: 310px;
margin-left: 10px;
padding:0;
height: 550px;
}

#mid_left_col_mirri {
border: 0px solid grey;
width: 325px;
margin-left: 0px;
padding:0;
height: 550px;
}

#mid_left_col_uv {
border: 0px solid #ccc;
width: 300px;
margin-left: 10px;
padding:0;
height: 357px;
}

#mid_left_col_about {
border: 0px solid grey;
width: 320px;
margin-left: 10px;
padding:0;
height: 380px;
}

#mid_left_col_greetings {
border: 0px solid grey;
width: 470px;
margin-left: 15px;
padding:0;
padding-left: 5px;
height: 560px;
}



/* #mid_left_col_wire {
border: 0px solid grey;
width: 330px;
margin:0;
margin-left: 10px;
padding:0;

} */

#mid_left_col_stat {
border-right: 2px solid #d2d2d2;
width: 390px;
margin-left: 10px;
padding:0;
height: 400px;
}

#mid_left_col_pos {
border: 0px solid #ccc;
width: 335px;
margin-left: 10px;
padding:0;

}

#mid_left_col_fsc {
border: 0px solid #ccc;
width: 365px;
margin-left: 260px;
padding:0;
/*height: 545px;*/
}

#mid_left_col_plastic {
border: 0px solid #d2d2d2;
width: 515px;
margin-left: 10px;
padding:0;
height: 510px;
}

#mid_left_col_99 {
border: 0px solid red;
width: 350px;
margin-left: 10px;
padding:0;
height: 550px;
}

#mid_left_col_wire {
border: 0px solid #d2d2d2;
width: 515px;
margin-left: 10px;
padding:0;
height: 490px;
}


#mid_left_col_stattrade {
border: 0px solid grey;
width: 348px;
margin-left: 10px;
padding:0;
height: 550px;
}

#mid_left_col_substrate {
border: 0px solid red;
width: 175px;
margin-left: 10px;
padding:0;
height: 470px;
}

#mid_left_col_news {
border: 0px solid grey;
width: 700px;
margin-left: 10px;
padding:0;
height: 550px;
}


#mid_left_col_greetings  .greetings_list {
margin-left:15px;
padding:0;
padding-right: 10px;
}

#mid_left_col_greetings  .greetings_list ul {
margin:0;
padding:0;
}

#mid_left_col_greetings  .greetings_list li {
/*list-style-image: url(../logos/uv_bullet.gif);
list-style-position: outside;
 background-repeat: no-repeat; */
margin-left:0;
margin-bottom: 10px;
padding:0;
border: 0px solid blue;
}

#mid_left_col_postcardpacks {
border: 0px solid grey;
width: 320px;
margin-left: 10px;
padding:0;
height: 980px;
}

#mid_left_col_photographers {
border: 0px solid black;
width: 470px;
margin-left: 10px;
padding:0;
height: 800px;
}


/* TEXT STYLES */

.top_pgraph {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 13px;
margin-top: 0;
padding: 0;
}

p {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 12px;
padding:0;
margin-top: 4px;
margin-bottom: 18px;
text-align: justify;
}

#right_col_bespoke p {
padding-right: 10px;
padding-left: 10px;
}

#mid_left_col_stat .top_pgraph {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 13px;
margin-top: 0;
padding: 0;
padding-right: 12px;
}

#mid_left_col_stat p {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 11px;
padding:0;
padding-right: 12px;
margin:0;
margin-top: 4px;
margin-bottom: 18px;
text-align: justify;
}

.pos_header .top_pgraph {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 13px;
margin-top: 0;
padding: 0;
padding-right: 12px;
padding-left: 14px;
}

.pos_header p {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 11px;
padding:0;
padding-right: 12px;
padding-left: 14px;
margin:0;
margin-top: 4px;
margin-bottom: 18px;
text-align: justify;
}


#mid_left_col_plastic .plastic_offset {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 11px;
padding:0;
padding-right: 12px;
margin:0;
margin-top: 4px;
margin-left: 205px;
margin-bottom: 18px;
text-align: justify;
border: 0px solid blue;
}



.centered_text {
font-family: verdana, lucida grande, sans-serif;
font-size: 11px;
padding:0;
margin:0;
text-align: center;
font-weight: bold;
border: 0px solid red;
}


#mid_left_col_stat .centered_text {
font-family: verdana, lucida grande, sans-serif;
font-size: 11px;
padding:0;
margin:0;
text-align: center;
font-weight: bold;
border: 0px solid red;
}

.centered_text img {
border: 0;
}

h1 {
	font-family: arial, helvetica, sans-serif;
font-size: 15px;
color: #656565;
margin:0;
margin-bottom: 5px;
padding:0;
}


h2 {
	font-family: arial, helvetica, sans-serif;
font-size: 22px;
color: #d92b1e;
margin:0;
padding:0;
}

h3 {
	font-family: arial, helvetica, sans-serif;
font-size: 16px;
color:#656565;
margin:0;
margin-top: 15px;
padding:0;
}

h4 {
	font-family: arial, helvetica, sans-serif;
font-size: 16px;
color: #d1542e;
margin:0;
padding:0;
}



#mid_left_col_about h2 {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 11px;
margin:0;
padding:0;
}

#mid_left_col_news h2 {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 12px;
margin:0;
padding:0;
}


#middle_col_pos  h2 {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 11px;
margin:0;
margin-top: 10px;
padding:0;

}

#middle_col li {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 12px;
margin-bottom: 10px;
}

#middle_col_front li {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 14px;
margin-bottom: 10px;
}

#pl_list {
padding: 0;
margin:0;
margin-top: -7px;
margin-left: 15px;
margin-bottom: 20px;

}

#pl_list li {
font-family: arial, verdana, lucida grande, sans-serif;
font-size: 12px;
margin-bottom: 3px;
padding:0;
}

#pl_list li .grey_text {
color:#666;
}

#middle_col_pos p {

}


.rh_heading {
margin-top: 192px;
}

#middle_col_pos .offset {
padding-top: 10px;

}

.self_cling {
height: 110px;
margin-bottom: 25px;
}

.self_adhesive {
height: 110px;
margin-bottom: 25px;
}


blockquote {
font-family: century gothic, avant garde, trebuchet ms, verdana, helvetica, arial, sans serif;	
 
font-size: 13px;
background: url(../logos/speech2.jpg) no-repeat 100% 100%; 
}
   
blockquote img {
padding:0;
margin:0;
}

.quoted {
	font-family: century gothic, verdana, helvetica, arial, sans serif;
font-size:11px;
color:#d92b1e;
margin-left: 40px;
margin-bottom: 20px;
} 
   
.quotemarks {
color:#900009;
font-size:2em;
}   

.faq_headers {
color:#d92b1e;   /*#395775;*/
font-size:14px;
padding-right: 20px;
margin-bottom: 5px;
 }

.q {
/*	font-family: century gothic;*/
font-weight:bold;
padding:0;
margin:0;
padding-right: 20px;
}

.a {
padding-right: 20px;
margin-bottom:30px;
}

.a1 {
color:#666;
}

#tobys_links {
width:670px;

padding:0;
margin:0;

}


#tobys_links img {
padding:0;
margin:0;
display: inline;
border: 1px solid green;
}


#tobys_links a {
/* background:#d92b1e; */
color: #fafaf3; 
padding-left: 16px;
padding-right: 16px;
}


/* IMAGES */

.img_left {
float: left;
margin:0;
margin-right: 10px;
padding:0;
}

.img_left_offset {
float: left;
margin:0;
margin-left: -10px;
margin-right: 10px;
padding:0;
}

.img_left_about {
	position: relative;
	top:-100px;
float:left;
clear:both; 
margin: 0px 10px 15px 0px;
}

.img_right {
float: right;
margin:0;
margin-left: 10px;
padding:0;
}



#right_col_about .about_image {
margin-top: 50px;

}

.about_c5 {
margin-left: 8px;
}

.photo_footer {
	position: absolute;
	top:780px;
	left: 195px;
background-image: url(../logos/photo_footer.jpg);
background-repeat: no-repeat;
margin:0;
margin-left:-7px;
padding:0;
height: 130px;
width:720px;
}

.photo_footer p {
	width:500px;
	padding-left: 10px;
	padding-top: 15px;
	font-size: 15px;
}

#mid_left_col_stat .stat {
margin:0;
margin-left: 11px;
padding:0;
}

#middle_col_pos img {
border: 0px solid blue;
}

 .img_extra {
position:absolute;
top: 611px;
left: 400px;
padding:0;
margin:0;
border: 0px solid blue;
} 


.img_etheo {
position:absolute;
top: 500px;
left: 215px;

}

.img_odeon {
position:absolute;
top: 430px;
left: 185px;

}

.fakeframe_fsc {
position: relative;
left: -13px;
}

.img_wiro {
position:absolute;
top: 530px;
left: 645px;

}

.img_stattrade {
position:absolute;
top: 430px;
left: 560px;

}

.img_substrate {
position:absolute;
top: 470px;
left: 380px;

}

.img_greetings_click {
position:absolute;
top: 450px;
left: 570px;

}

.photo_buttons {
margin-top: 5px;
margin-bottom: 0px;
border: 0;

}


#gallery {
margin-left:10px;
}

#gallery td {
text-align:center;
}

#gallery img  { 
margin:5px;
padding:1px; 
/* border-top:1px solid #ccc;
border-right:2px solid #eee;
border-bottom:2px solid #eee;
border-left:1px solid #ccc; */
background:#fff;
}

.centre_image_gal {
width: 680px;
text-align:center;
}

.centre_image_gal img{
text-align:center;
margin:5px;
padding:1px; 
border-top:1px solid #ccc;
border-right:2px solid #eee;
border-bottom:2px solid #eee;
border-left:1px solid #ccc;
background:#fff;
}

.greetings_pricelist {
padding:0;
margin: 0;
border: 0px solid green;
}


.greetings_scanning {
	float:left;
	margin-right:5px;
	margin-top: 2px;
}


/* HEADER AND NAVIGATION */
 
#header {
background: #49494b;
height: 102px;
border: 0px solid #000;
margin:0;
padding:0;
}

#footer {
clear:both;
height: 1px;
background: #fff;
margin:0;
padding: 0;
}

.pos_header {
margin-right: 10px;
margin-left: 10px;
border: 0px solid green;
}

#navbar {
width: 100%;
background-image: url(../logos/navbar.gif);
background-repeat: repeat-x;
height: 44px;
border-bottom: 0px solid #000;
margin:0;
padding:0;
}

#navbar_front {
width: 100%;
background-image: url(../logos/navbar_no_ds.gif);
background-repeat: repeat-x;
height: 44px;
border-bottom: 0px solid #000;
margin:0;
padding:0;
}


#navigation {
position: absolute;
top: 110px;
left: 25px;
/*background-image: url(../logos/nav_left.gif);
background-repeat: no-repeat; */
border-bottom: 0px solid #000;
height: 44px;
margin:0;
padding:0;
}

#navigation ul {
margin:0;
padding:0;
}

#navigation li {
margin: 0; 
padding: 0;
  display: inline;
 list-style-type: none;
  }
	
#navigation a:link, #navigation a:visited {
float: left;
font-weight: bold;
color: #000; /*#d92b1e*/
padding: 0px 50px 0px 0px;
margin-right: 4px;
text-decoration: none;
letter-spacing: 0.1em;
}

#navigation a:link.active, #navigation a:visited.active {
background: transparent;
color: #bcbcbc;
}

#navigation a:hover {
background: transparent;
color: #000;
}


a:link {
color:#000;   
text-decoration:none;
font-weight: bold;
}

a:visited {
color:#bbb; 
text-decoration:none;
font-weight: bold;
}

a:active {
color:#808080; 
text-decoration:none;
font-weight: bold;
}

a:hover {
color:#656565;
text-decoration:none;
font-weight: bold;
}



/* FRONT PAGE */

.fsc {
position: relative;
top: -35px;
left: 120px;
margin: 0;
padding:0;
}


.fsc_list {
position: absolute;
top: 396px;
left: 610px;
margin: 0;
padding:0;
}


.calc {
position: absolute;
top: 155px;
left: 120px;
margin: 0;
padding:0;
}


.form {
margin-left: 60px;
}

#point_of_sale {
position: relative;
/* background-image: url(../logos/POS_new.gif); */
background: #fff url(../logos/Ccardshome-animation.gif); /*Ccards_home_gen.jpg*/
  background-repeat: no-repeat;
 width: 538px;
 height:240px;
 /*height:405px;*/
 border: 0px solid #e4e4e7;
 margin:0;
 margin-left: 6px;
 padding:0;
 padding-top: 415px;
}

/*
#point_of_sale {
position: relative;
/* background-image: url(../logos/POS_new.gif); */
background-image: url(../logos/Cacrds_home.jpg);
  background-repeat: no-repeat;
 width: 538px;
 /*height:405px;*/
 border: 2px solid #e4e4e7;
 margin:0;
 margin-left: 6px;
 padding:0;
 padding-top: 40px;
}
*/







#news_wire_post {
position: relative;
background-image: url(../logos/home_strip_bottom_new.gif); 
  background-repeat: no-repeat;
 width: 720px;
 height: 240px;
 margin:0;
  border: 0px solid green;
 padding:0;
}

.pos {
position: absolute;
right: 24px;
top: 48px;
margin:0;
padding: 0;
width: 50px;
}
.postcards {
position: absolute;
left: 653px;
bottom: 190px;
margin:0;
padding: 0;
width: 50px;
}

.news {
position: absolute;
left: 172px;
bottom: 190px;
display: inline;
margin:0;
padding:0;
width: 50px;
}

.wirebinding {
position: absolute;
left: 414px;
bottom: 190px;
display: inline;
margin:0;
padding: 0;
width: 50px;
}


.postcards a:link {
color:#333;   
text-decoration:underline;
font-weight: bold;
}

.postcards a:visited {
color:#aaa; 
text-decoration:underline;
font-weight: bold;
}

.postcards a:active {
color:#808080; 
text-decoration:underline;
font-weight: bold;
}

.postcards a:hover {
color:#aaa;
text-decoration:underline;
font-weight: bold;
}

.wirebinding a:link {
color:#333;   
text-decoration:underline;
font-weight: bold;
}

.wirebinding a:visited {
color:#aaa; 
text-decoration:underline;
font-weight: bold;
}

.wirebinding a:active {
color:#808080; 
text-decoration:underline;
font-weight: bold;
}

.wirebinding a:hover {
color:#aaa;
text-decoration:underline;
font-weight: bold;
}


.pos a:link {
color:#606060;   
text-decoration:underline;
font-weight: bold;
}

.pos a:visited {
color:#808080; 
text-decoration:underline;
font-weight: bold;
}

.pos a:active {
color:#808080; 
text-decoration:underline;
font-weight: bold;
}

.pos a:hover {
color:#222;
text-decoration:underline;
font-weight: bold;
}


.news a:link {
color:#333;   
text-decoration:underline;
font-weight: bold;
}

.news a:visited {
color:#aaa; 
text-decoration:underline;
font-weight: bold;
}

.news a:active {
color:#808080; 
text-decoration:underline;
font-weight: bold;
}

.news a:hover {
color:#aaa;
text-decoration:underline;
font-weight: bold;
}

/*scrollable */

.scrollable {
position: absolute;
}

.after {
	clear: all
}

div.navi {
}

div.items {
	height:150px !important;
}

a.prev, a.next {
}

#front_text {
}

/* NEW SIDE NAV */

#button {
	width: 172px;
	padding: 0;
	margin:0;
	font-family: arial, Trebuchet MS, Lucida Grande,
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	  font-weight: bold;
	  font-size: 12px;
	background-color: #fff;
	color: #333;

	}
	
	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {	
		border-bottom: 7px solid #fff;
		margin: 0;
		padding: 0;
		}
		
			#button .bottom {
		margin: 0;
		padding:0;
		}
		
		#button li a {
		display: block;
		padding: 5px 5px 5px 5px; 
		margin-left:7px;
	border-left: 10px solid #fff;
	/*	border-right: 10px solid #508fc4; */
		background-color: #fff;
		color: #333;
		text-decoration: none;
		letter-spacing: 0.1em;
		width: 150px;
		}

	html>body #button li a {
		width: auto;
		}


	#button li a:hover {
		border-left: 10px solid #ccc;
	/*	border-right: 10px solid #5ba3e0; */
		background-color: #ccc;
		color: #333;
		font-weight: normal;
		}
		
		
		
		#left_col  a img {
  border: 1px solid red;
  padding:0;
  margin:0;
  }

/* postcard list container */
#list_container {
width:550px;
padding:0;
margin:0;
margin-top: 30px;
text-align:left; 
display:inline;
font-size:1.2em;
font-family: arial, verdana, helvetica, arial, sans serif;
font-weight: bold;
}

#list_container ul li{
padding:0;
padding-bottom:2px;
line-height:0.8em;
color: #d92b1e;
}


#list_right {
float:right; 
margin:0; 
margin-right: 10px;
padding:0; 
width:250px;  
font-size: 14px !important;
/* border: 1px solid red; */
}

#list_left {
margin:0; 
margin-bottom: 33px;
padding:0; 
width:250px;

/* border: 1px solid green; */
}