@charset "utf-8";
/* CSS Document */

body {
	background: url(images/bg1.gif) repeat-x top center fixed #e1eaf7;
}

.Images {
	border: 0px;
}

#centerColumn {
	margin:0 auto;
	text-align:center;
	width:974px;
	height: auto;
}

#home {
	margin:0 auto;
	float:left;
	width:200px;
	height:170px;
}

#header {
	margin:0 auto;
	float:left;
	width:650px;
	height:50px;
}

#homepageheader {
	margin:0 auto;
	float:left;
	width:774px;
	height:120px;
}

#hsbc {
	margin:0 auto;
	float:left;
	width:124px;
	height:50px;
	background-image:url(images/hsbc.jpg);
}


#pagetitle {
	margin:0 auto;
	float:left;
	width:524px;
	height:120px;
	background-image:url(images/pagetitle.png);
}

#progess {
	margin:0 auto;
	float:right;
	width:250px;
	height:60px;
	background-image:url(images/progress.png);
}

#basket {
	margin:0 auto;
	float:right;
	width:250px;
	height:60px;
	background-image:url(images/basketsummary.png);
}

#search{
	margin:0 auto;
	float:left;
	width:250px;
	height:60px;
	background-image:url(images/search.png);

}



#catalogue {
	margin:0 auto;
	float:right;
	width:774px;
	height:auto;
}

#mainbox {
	margin:0 auto;
	float:right;
	width:774px;
	height:650px;
	background-image:url(images/mainbox.png);
	clear:both;
}

#mainbox_top {
	margin:0 auto;
	float:right;
	width:774px;
	height:15px;
	background-image:url(images/mainbox_top.png);
}

#mainbox_middle {
	margin:0 auto;
	float:right;
	width:794px;
	height:auto;
	background-image:url(images/mainbox_middle.png);
	background-repeat:repeat-y;
}

#mainbox_middle_basket {
	margin:0 auto;
	padding:0;
	float:right;
	width:774px;
	height:auto;
	background-image:url(images/mainbox_middle.png);
	background-repeat:repeat-y;
	text-align: center;
}

#mainbox_middle_home {
	margin:0 auto;
	padding:20px 0px 20px 0px;
	float:right;
	width:774px;
	height:auto;
	background-image:url(images/mainbox_middle.png);
	background-repeat:repeat-y;
	text-align: center;
}

#mainbox_bottom {
	margin:0 auto;
	float:right;
	width:774px;
	height:15px;
	background-image:url(images/mainbox_bottom.png);
}

#mainbox_top_pers {
	margin:0 auto;
	float:right;
	width:974px;
	height:15px;
	background-image:url(images/mainbox_top_pers.png);
}

#mainbox_middle_pers {
	margin:0 auto;
	float:left;
	width:974px;
	height:auto;
	background-image:url(images/mainbox_middle_pers.png);
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	color: #0066A5;
	text-align:left;
}

#mainbox_middle_pers a {
	color: #0066A5;
	font-size: 9px;
	text-decoration: none;
}

#mainbox_middle_pers a:hover {
	color: #000000;
	font-size: 9px;
	text-decoration: none;	
}

#mainbox_bottom_pers {
	margin:0 auto;
	float:right;
	width:974px;
	height:15px;
	background-image:url(images/mainbox_bottom_pers.png);
}

/* Start of Personalisation Page */
/* Start of Personalisation Page */
/* Start of Personalisation Page */
/* Start of Personalisation Page */

#mainbox_top_pers {
	margin:0 auto;
	float:right;
	width:974px;
	height:15px;
	background-image:url(images/mainbox_top_pers.png);
}

#mainbox_middle_pers {
	margin:0 auto;
	float:left;
	width:974px;
	height:auto;
	background-image:url(images/mainbox_middle_pers.png);
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color: #000000;
	text-align:left;
}

#mainbox_middle_pers h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:left;
	background: url(images/pers_menu.jpg) repeat-x;
	height: 17px;
	padding: 3px 0px 0px 5px;
	margin-bottom: 3px;
}

#mainbox_middle_pers a {
	color: #0066A5;
	font-size: 9px;
	text-decoration: none;
}

#mainbox_middle_pers a:hover {
	color: #000000;
	font-size: 9px;
	text-decoration: none;	
}

#mainbox_bottom_pers {
	margin:0 auto;
	float:right;
	width:974px;
	height:15px;
	background-image:url(images/mainbox_bottom_pers.png);
}

.pers_forms {
	width: 250px;
	height: 20px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 0px 5px 0px;
}

.pers_forms_1 {
	width: 245px;
	height: 18px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 2px 0px 2px 0px;
}

.pers_forms_2 {
	width: 110px;
	height: 18px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 2px 0px 2px 0px;
}

.pers_subtitle {
	float: left;
	width: 80px;
	height: 16px;
	padding: 4px 0px 0px 0px;
}

.pers_subdrop {
	float: right;
	width: 110px;
	text-align: right;
}

.perspreview_forms {
	width: 636px;
	text-align: center;
}

.pers_header {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066A5;
	text-align:left;
	font-weight: bolder;
	padding-left:10px;
}

.pers_options {
	float: left;
	clear: both;
	width: 250px;
	margin: 0px 15px 15px 15px;
}

.pers_preview_options {
	float: left;
	clear: both;
	width: 640px;
	margin: 0px 15px 15px 15px;
}

#pers_right {
	float: left;
	width: 690px;
}

#pers_left {
	float: left;
	width: 280px;
	border-right: 1px solid #a7a6aa;
}

#pers_preview {
	float: left;
	clear: both;
	width: 638px;
	height: 500px;
	border: 1px solid #a7a6aa;
}

.perspreviewbutton {
	text-align: right;
	clear: both;
	float: left;
	width: 640px;
	height: 21px;
	margin: 10px 0px 10px 0px;
}

#persbuttons1 {
	text-align: right;
	float:left;
	width:640px;
	height:21px;
	margin-top:12px;
}

#persbuttons2 {
	text-align: right;
	float:left;
	width:640px;
	height:21px;
	margin-top:12px;
	margin-bottom:12px;
}


/* End of Personalisation Page */
/* End of Personalisation Page */
/* End of Personalisation Page */
/* End of Personalisation Page */

#mainimage {
	margin:0 auto;
	float:left;
	width:450px;
	height:450px;
	margin-top:17px;
	margin-left:17px;
	border: 1px solid #0066A5;
}

#mainbox_basket_table {
	margin:0 auto;
	text-align:center;
	width:774px;
	height:auto;
	
}

#iteminfo {
	margin:0 auto;
	float:left;
	width:265px;
	height:320px;
	margin-top:17px;
	margin-left:17px;
}

#itembuttons {
	margin:0 auto;
	float:left;
	width:265px;
	height:21px;
	margin-top:12px;
	margin-left:17px;
}


#item_quatity1 {
	float:left;
	text-align:left;
	width: 75px;
	margin-top:10px;
}

#item_quatity_basket {
	float:left;
	text-align:left;
	width: 65px;
	padding-left:5px;
}

#item_quatity2 {
	float:left;
	text-align:left;
	width: 180px;
	margin-left: 5px;
	margin-top: 5px;
}

#itemcopy {
	margin:0 auto;
	float:left;
	width:740px;
	height:100px;
	margin-top:35px;
	margin-left:17px;
	margin-bottom:25px;
}

#item {
	margin:0 auto;
	float:left;
	width:193px;
	height:270px;
	background-image:url(images/item.png);
}

#login {
	margin:0 auto;
	float:left;
	width:200px;
	height:180px;
	background-image:url(images/loginpanel.png);
}

#loggedin {
	margin:0 auto;
	float:left;
	width:200px;
	height:250px;
	background-image:url(images/loginpanel_3.png);
	clear: left;
}

#loggedin_1 {
	margin:0 auto;
	float:left;
	width:135px;
	height:35px;
}

#loggedin_2 {
	float:left;
	width:200px;
	height:21px;
	margin-bottom:25px;
	margin-top:25px;
}

#loggedin_3 {
	margin:0 auto;
	float:left;
	width:60px;
	height:45px;
}

#loggedin_4 {
	margin:0 auto;
	float:left;
	width:125px;
	height:30px;
}

#loggedin_5 {
	margin:0 auto;
	float:left;
	width:125px;
	height:50px;
}

#bottompanel {
	margin:0 auto;
	float:left;
	width:974px;
	height:200px;
	background-image:url(images/bottom.png);
}

#bottomcontact {
	margin:0 auto;
	float:left;
	width:974px;
	height:30px;
	background-image:url(images/bottomcontact.png);
	margin-bottom: 10px;
}

#footer {
	margin:0 auto;
	float:left;
	width:974px;
	height:auto;
}

#bottombox1 {
	margin:0 auto;
	float:left;
	width:243px;
	height:200px;
}

#bottombox2 {
	margin:0 auto;
	float:left;
	width:243px;
	height:200px;
}

#bottombox3 {
	margin:0 auto;
	float:left;
	width:243px;
	height:200px;
}

#bottombox4 {
	margin:0 auto;
	float:left;
	width:243px;
	height:200px;
}

#perspreview {
	margin:0 auto;
	text-align: right;
	padding-right: 60px;
	float:right;
	width:660px;
	height:21px;
	margin-top:12px;
}

#persbuttons1 {
	margin:0 auto;
	text-align: right;
	padding-right: 60px;
	float:right;
	width:660px;
	height:21px;
	margin-top:12px;
}

#persbuttons2 {
	margin:0 auto;
	text-align: right;
	padding-right: 60px;
	float:right;
	width:660px;
	height:21px;
	margin-top:12px;
	margin-bottom:12px;
}

#basketbuttons {
	margin:0 auto;
	float:right;
	width:265px;
	height:21px;
	margin-top:12px;
	clear:right;
}

#basketbuttons1 {
	margin:0 auto;
	float:right;
	width:265px;
	height:21px;
	margin-top:12px;
	clear:right;
}

#basketbuttons2 {
	margin:0 auto;
	float:right;
	width:265px;
	height:21px;
	margin-top:12px;
	margin-bottom: 20px;
	clear:right;
}

.item_background{
	margin:0 auto;
	float:left;
	width:193px;
	height:250px;
	background-image:url(images/item.png);
}

.itembuttons {
	margin:0 auto;
	float:left;
	width:265px;
	height:21px;
	margin-top:12px;
	margin-left:17px;
}

.logged_in_items {
	margin:0 auto;
	float:left;
	width:60px;
	height:45px;
}

.categoryleft {
	float:left;
	width:320px;
	height:71px;
	margin-left:55px;
	margin-bottom:10px;
	margin-top:10px;
	clear:left;
}

.categoryright {
	float:right;
	width:320px;
	height:71px;
	margin-right:55px;
	margin-bottom:10px;
	margin-top:10px;
	clear:right;
}

.headers {
	float:left;
	margin-left:15px;
	width:490px;
	height:25px;
}

.breadcrumbbox {
	float:left;
	margin-left:15px;
	margin-top: 18px;
	width:490px;
	height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066A5;
	text-align:left;
}

.pagedescriptions {
	float:left;
	margin-left:15px;
	margin-top: 5px;
	width:490px;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066A5;
	text-align:left;
}

.christmascards_text {
	float:left;
	width: 664px;
	margin-left:55px;
	margin-top:25px;
	margin-bottom:15px;
	height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:20px;
	color: #000000;
	text-align:left;
}


#mainbox_middle_random {
	float:right;
	width:774px;
	height:auto;
	background-image:url(images/mainbox_middle.png);
	background-repeat:repeat-y;
}

#mainbox_top_random {
	float:right;
	width:774px;
	height:15px;
	background-image:url(images/mainbox_top.png);
}

#mainbox_bottom_random {
	float: right;
	width:774px;
	height:15px;
	background-image:url(images/mainbox_bottom.png);
}

/* Catalogue page navigation */
/* Catalogue page navigation */
/* Catalogue page navigation */
/* Catalogue page navigation */

.pagenav {
	float: left;
	width: 774px;
	height: 40px;
	background: url(images/pagenav.png);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066A5;
}

.pagenav_pages {
	float: left;
	width: 400px;
	margin: 12px 0px 0px 20px;
	text-align: left;
}

.pagenav_pages a {
	color: #0066A5;
	text-decoration: none;
}

.pagenav_pages a:hover {
	color: #0066A5;
	text-decoration: underline;	
}

.pagenav_all {
	float: right;
	width: 100px;
	margin: 12px 20px 0px 0px;
	text-align: right;
}

.pagenav_all a {
	text-decoration: none;
	color: #0066A5;
}

.pagenav_all a:hover {
	text-decoration: underline;
	color: #0066A5;	
}

.pagehighlight {
	background-color: #0066A5;
	color: #FFFFFF;
	border: 1px solid #0066A5;
	padding: 2px 4px 2px 4px;
}