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

body {
	background-image: url(images/bg1.gif);
	background-repeat: repeat-x;
	background-color:#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:674px;
	height:50px;
}

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

#hsbc {
	margin:0 auto;
	float:left;
	width:100px;
	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:724px;
	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_bottom {
	margin:0 auto;
	float:right;
	width:774px;
	height:15px;
	background-image:url(images/mainbox_bottom.png);
}

#mainimage {
	margin:0 auto;
	float:left;
	width:450px;
	height:450px;
	margin-top:17px;
	margin-left:17px;
}

#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:250px;
	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);
}

#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;
}