body { background:url('../images/speedyStamps/bodyBG.gif') repeat-x #558491; }
.logo { background:url('../images/speedyStamps/logo.gif'); width: 195px; float:left; }
.noBrand { display:none; }

/*	------------------------------------------------------------------------	*/
/*	---------------	HEADING, LINK AND PARAGRAPH DEFAULTS	----------------	*/
/*	------------------------------------------------------------------------	*/

h1{
	font-size:18px;
	font-weight: bold;
	margin: 0 0 12px 0;	
	}
	
h2, h3, h4{ 
	font-size:14px;
	margin-bottom:6px;
	font-weight: bold;
	}
	
a{
	color:#386470;
	}
	a:hover{ color:#c9680a; }
	
#contentWrapper a{
	color:#386470;
	}
	#contentWrapper a:hover{ color:#c9680a; }
	
/*	------------------------------------------------	*/
/*	---------------	FORM ELEMENTS	----------------	*/
/*	------------------------------------------------	*/

form legend{
	color:#c56306;
	}


form input.checkoutContinueButton{
	background:url(../images/checkoutContinueGreen.gif) top left no-repeat;
	}

form input.checkoutConfirmButton{
	background:url(../images/confirmButtonGreen.gif) top left no-repeat;
	}
	
#checkoutLogin input.loginButton{
	background:url(../images/speedyStamps/go.gif) top left no-repeat;
	width:52px;
	height:27px;
	display:block;
	cursor:pointer;
	border:none;
	float:left;
	}
	#checkoutLogin input.password{
		width:160px;
		float:left;
		}
		
#checkoutLogin ol{
	float:left;
	width:100%;
	}

/*	------------------------------------------------	*/
/*	---------------	HEADER STYLES	----------------	*/
/*	------------------------------------------------	*/


#addedToBasket{top:0; right:220px;}

#header .basket { 
	clear:right;
	margin: 0 0 0 6px;
	}
	#header .basket div {
		background:url(../images/speedyStamps/checkout.jpg) bottom left no-repeat;
		xbackground: url('../images/speedyStamps/checkout.jpg') no-repeat right bottom; 
		margin: 0 3px 0 0px!important; 
		height:93px;
		}
		#header .items div{
			background-position:top left;
			color:#FFF;
			}
			#header .items div a{
				color:#FFF;
				}

#header .basket p { width: 90px; text-transform:uppercase; text-align:center; margin: 0px 0 0 10px; font-size:10px; line-height:15px;}
#header .basket span.items { font-size:15px; font-weight: bold; }
#header .basket div p { padding: 3px 0 0 0; }
#header .basket div p.checkout { padding:0; }
#header .basket div a { font-weight:bold; text-decoration:none; font-size:11px; }

#header .login, #header .basket { width: 204px; height: 95px; float:left;  text-align:left;}
#header .login{ 
	margin: 0 0 0 346px;
	background: url('../images/speedyStamps/topHeaderBG.gif') no-repeat;
	}
	#header .login input{
		padding:0 2px;
		}
	
#header .login form, #header div.loginForm { 
	background: url('../images/speedyStamps/login.gif') no-repeat;
	height: 91px;
	width: 200px;
	margin: 0 0 0 6px;
	float: left;
	}

#header div.loginForm{
	padding:10px 0 0 80px; 
	text-align:center;
	width:110px;
	}
	#header div.loginForm p{
		margin:0 0 5px 0;	
		}

#header .login .row {
	width:100px!important;
	text-align:left;
	font-size:10px;
	xheight: 30px;
	padding:5px 0 0 85px;
	float:left;
	font-weight:bold;
	clear:both;
	xbackground:#090;
	}
	#header .login .row a{ font-size:10px; text-decoration:none; margin-top:2px; float:left;}


#header .login label { float: left; }
#header .login .row input { width: 95px; text-align:left; font-size:10px; padding:2px; border:#dedede 1px solid; }
#header .go { margin: 0 0 0 78px; }

/*	------------------------------------------------	*/
/*	--------------	HEADER NAVIGATION	------------	*/
/*	------------------------------------------------	*/

#header .topMenu { float:left!important; width: 750px!important; list-style-type:none; margin: 29px 0 0 10px; }
#header .topMenu a{overflow:hidden; }
#header .topMenu li { float:left; }
#header .topMenu .homeNav { background: url('../images/speedyStamps/homeNav.gif') no-repeat; width: 96px; height: 31px; text-indent:-3000px; display:block; }
#header .topMenu .customNav { background: url('../images/speedyStamps/customNav.gif') no-repeat; width: 168px; height: 31px; text-indent:-3000px; display:block; }
#header .topMenu .offersNav { background: url('../images/speedyStamps/offersNav.gif') no-repeat; width: 130px; height: 31px; text-indent:-3000px;display:block;  }
#header .topMenu .videoNav { background: url('../images/speedyStamps/videoNav.gif') no-repeat; width: 143px; height: 31px; text-indent:-3000px; display:block; }
#header .topMenu .blogNav { background: url('../images/speedyStamps/blogNav.gif') no-repeat; width: 89px; height: 31px; text-indent:-3000px; display:block; }
#header .topMenu .contactNav { background: url('../images/speedyStamps/contactNav.gif') no-repeat; width: 123px; height: 31px; text-indent:-3000px; display:block; }

#header .topMenu .blogNav:hover,
#header .topMenu .contactNav:hover,
#header .topMenu .videoNav:hover,
#header .topMenu .homeNav:hover,
#header .topMenu .customNav:hover,
#header .topMenu .offersNav:hover,
#header .topMenu .selected{
	background-position:bottom left;
	}
		
.freeDelivery { 
	background:url('../images/speedyStamps/freeDelivery.gif');
	width: 225px;
	height:165px;
	float: left;
	margin: 15px 0 0 0;
	text-align: left; 
	font-size:11px;
	}
.freeDelivery p { color: #fff!important; width: 90px; line-height: 12px; margin: 16px 0 10px 120px!important; }
.freeDelivery a {  color: #fff; margin: 0px 0 0 120px; font-weight:bold; text-decoration:none; }

.smallDayDespatch p { color: #fff!important; line-height: 12px; margin: 100px 0 0px 14px!important; font-size:11px; }
.smallDayDespatch a {  color: #fff; margin: 0px 0 0 14px; font-weight:bold; text-decoration:none; font-size:11px; }
.smallDayDespatch { 
	background:url('../images/speedyStamps/sameDayDespatch.gif');
	width: 225px;
	height:165px;
	float:left;
	margin: 15px 0 15px 16px; 
	text-align:left;
	}
	
.CTAImage{
	width: 225px;
	height:159px;
	float: left;
	margin: 17px 0 0 0;
	display:block;
	padding:2px 0 4px 0;
	}


.designCTA {width: 466px; height: 202px; float: left;}
.designCTA a { background:url(../images/speedyStamps/noFlashLink.gif) top left no-repeat; display:block; width: 466px; height: 202px; text-indent:-3000em; }

.stampCTA { background:url('../images/speedyStamps/stampBG.gif'); width: 225px; height:165px; float:left; margin: 10px 7px 10px 0px; text-align:left;}
.stampCTA h4 { letter-spacing: 0px; margin: 10px 0 0px 6px; }
.stampCTA p { color: #333333!important; line-height: 12px; margin: 10px 0 10px 0px!important; font-size:11px; width:130px; float: left; }
.stampCTA a {  color: #333333; margin: 0px 0 0 2px; font-weight:bold; text-decoration:none; font-size:11px; float:left; }
.stampCTA img { margin: 11px 4px 0 4px;  float: left; width: 70px;}
.stampCTA .imgHeight { height: 135px; overflow:hidden; float:left;}

/*	------------------------------------------------	*/
/*	--------------	LEFT COLUMN STYLES	------------	*/
/*	------------------------------------------------	*/
/*	--------------	NOW INCLUDING BLOG	------------	*/
/*	------------------------------------------------	*/

.blogtopMenu{ margin-left:-30px!important; }
.blogfooter ul {padding:0;}

#leftCol ul{list-style-type:none; margin:0; padding:0;}
#leftCol ul li { clear:both; }

#searchform, #leftCol .leftSearch { background:url('../images/speedyStamps/search.jpg'); width: 187px; height: 36px; display:block; float:left; padding: 45px 0 0 10px;   }
#searchform #searchsubmit { border:0; background-image:url(../images/speedyStamps/littleGo.gif); text-indent:-3000em; width:38px; height:24px; cursor:pointer;  }
#searchform div { margin:0 0 0 -10px; }
#searchform #s { width:118px!important; float:left; margin:0 0 0 10px; }

#leftCol .leftSearch form {  float:left;}
#leftCol .leftSearch input#search { float:left; padding:2px; width:118px; }
#leftCol .leftSearch .littleButton { margin: 0 0 0 11px; float:left; }

.boxBottom h3 { text-transform:capitalize; font-weight:bold; color:#fff; font-size:1.2em; margin:-1px 0 2px 10px; } .boxBottom h3.first{margin-top:-12px;}
.box { background-image:url('../images/speedyStamps/topBox.png'); background-repeat: no-repeat; margin:12px 0 0 0; width:197px; display:block; float:left; }
.boxBottom {  background:url('../images/speedyStamps/bottomBox.png') no-repeat bottom; padding:0 15px 16px 0; margin: 16px 0 0 0; width:182px; display:block; float:left; text-align:left; }

#recent-posts .widgettitle, .widget_categories .widgettitle, #archives .widgettitle, #tag_cloud .widgettitle, #calendar .widgettitle { background-image:url('../images/speedyStamps/topBox.png'); background-repeat: no-repeat; margin:0; padding:0; width:197px; display:block;  }
#recent-posts, .widget_categories, #archives, #tag_cloud, #calendar {  background:url('../images/speedyStamps/bottomBox.png') no-repeat bottom; padding: 0 15px 16px 0; margin:10px 0 0 0; width:182px; display:block; float:left; text-align:left; }
#calendar #calendar_wrap{ padding:0  0 0 20px; color:#fff;}
#recent-posts a, .widget_categories a, #tag_cloud a, #archives a, #calendar a { color:#fff;}

#recent-posts h2, .widget_categories h2, #archives h2, #tag_cloud h2 { padding:7px 0 0 10px!important; color:#fff;}
#recent-posts ul, .widget_categories ul, #archives ul{ margin:10px 0 0 10px!important; }

.commentlist{ list-style-type:none; margin:0; padding:0; }
.commentlist li .avatar { float: right; border: 1px solid #eee;	padding: 2px; background: #fff;	}


/*	----------------------------------------------------	*/
/*	--------------	CENTER COLUMN STYLES	------------	*/
/*	----------------------------------------------------	*/

#mainCol .designYourStamp { background: #fff; border:1px solid #cccccc; text-align:left;  float: left; margin: 0 13px 10px 0; float:left; width: 143px;}
#mainCol .designYourStamp h3 { color: #6897a4; font-size:12px; font-weight:bold; margin: 11px 0 0 8px; text-transform:uppercase;  float: left;}
#mainCol .designYourStamp select { margin: 0px 0 10px 7px; width: 128px;  }
#mainCol .designYourStamp .design { margin: 0px 0px 10px 6px; width: 132px; }
#mainCol .designYourStamp img { margin: 10px 22px; width: 100px; }

#mainCol .category_description{
	float:left;
	width:100%;
	padding-bottom:15px;
	}

/*	----------------------------------------------------	*/
/*	--------------	BASKET/CHECKOUT STAGES	------------	*/
/*	----------------------------------------------------	*/


table.basket_contents{
	border:#3c6975 1px solid;
	}
	
	table.basket_contents #promotional_code{
		border:#3c6975 1px solid;
		}
	
	table.basket_contents th{
		background:#3c6975;
		color:#FFF;
		font-weight:bold;
		}
		
	li a.continue_shopping_button{
		background:url(../images/continueShoppingGreen.gif) top left no-repeat;
		}
		
	li a.checkout_button{
		background:url(../images/checkoutButtonGreen.gif) top left no-repeat;
		}
		
	li input.update_basket{
		background:url(../images/updateBasketSpeedy.gif) top left no-repeat;
		margin:0 10px;
		}

/*	------------------------------------------------	*/
/*	--------------	RIGHT COLUMN STYLES	------------	*/
/*	------------------------------------------------	*/

/*	------------------------------------------------	*/
/*	--------------	CATEGORY NAVIGATION	------------	*/
/*	------------------------------------------------	*/

ul.categories{
	width:184px;
	margin:0;
	}

ul.categories li{
	margin:0;
	list-style:none;
	}

ul.categories li.parent a{
	display:block;
	width:176px;
	height:auto;
	min-height:19px;
	padding:4px 10px 0 10px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	}

ul.categories li.child a{
	background:url('../images/speedyStamps/arrow_white.png') left no-repeat;
	margin-left:20px;
	font-weight:normal;
	width:155px;
	height:auto;
	min-height:19px;
	text-decoration:none;
	}

ul.categories li.child a.selected, ul.categories li.child a:hover{
	background:url('../images/speedyStamps/arrow_black.png') left no-repeat;
	color:#333333;
	}

	ul.categories li.parent a:hover{
		color:#333333;
		}
		
		ul.categories li.parent a.selected{
			color:#333333;
			text-decoration:none;
			}

			ul.categories ul.expand li a span{
				border-bottom:#b3cec7 1px dashed;
				display:block;
				}
				
				
				
/*	------------------------------------------------	*/		
/*	------------	STAMP DEISGN STYLES	------------ 	*/
/*	------------------------------------------------	*/

#design_styles li span{
	background:#558491;
	color:#FFF;
	}
	
	
#footer ul{
	width:740px;
	}
	
	
/*	------------------------------------------------	*/		
/*	---------------------- MISC -------------------- 	*/
/*	------------------------------------------------	*/

#met-police{
	width:466px;
	height:62px;
	display:block;
	float:left;
	background:url(../images/speedyStamps/Met-Police.png) 0 0 no-repeat;
	margin:10px 0 0 0;
	border:#1866a7 1px solid;
	}