/* CSS developed by 9xb.com
Main stylesheet for layout */

/* ---------------------------------- */
/* DEFAULT STYLES   */   
/* ---------------------------------- */
	
	html, body {
		font: 12px/1.4em verdana, arial, helvetica, tahoma, sans-serif;
		color: #000;
	}
	
	body {
		margin: 0;
		text-align: center;
		background: url(../images/bg_main.jpg) repeat-x top center;
	}
	
/* ---------------------------------- */
/* GLOBAL STYLES  */   
/* ---------------------------------- */

	.hidden, .screen_reader, hr {
		display: none;
	}
	p {
		margin: 0 0 15px 0;
		padding: 0;
	}
	a img {
		border: 0;
	}
	a {
		color: #669acc;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */

	#outerwrap {
		margin: 0;
		padding: 0;
		position: relative;
		text-align: left;
	}
	#innerwrap {
		width: 750px;
		margin: 0 auto;
		position: relative;
		padding: 0;
	}
	#header {
		width: 750px;
		margin: 0;
		padding: 0;
		height: 187px;
		float: left;
		position: relative;
	}
	.phonenumber{
		margin: 93px 0px 0px 270px;
	}
	#contentwrap {
		width: 750px;
		margin: 0;
		padding: 0;
		float: left;
		min-height: 500px;
	}
	#leftcolumn {
		width: 225px;
		margin: 0;
		padding: 0;
		float: left;
	}
	#content {
		width: 485px;
		margin: 0;
		padding: 0;
		float: right;
	}
	#footer {
		width: 750px;
		height: 166px;
		font-size: 90%;
		margin: 30px 0 0 0;
		padding: 0;
		float: left;
		position: relative;
		background: url(../images/bg_footer.gif) no-repeat;
	}
	
	
/* ---------------------------------- */
/* TITLE ELEMENTS  */   
/* ---------------------------------- */	
	
	h1 {
		margin: 0;
		padding: 0;
		width: 225px;
		height: 117px;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		text-align: left;
		z-index: 10;
		background: url(../images/logo_event_supplies.gif) no-repeat center center;
	}
	
	h1 a {
		display: block;
		text-indent: -3000em;
		margin: 0;
		padding: 0;
		width: 225px;
		height: 117px;
		background: transparent;
	}

	h1 a:hover {
		background: transparent;
	}
	
	h2, h3, h4 {
		color: #336799;
		padding: 0;
		margin: 0 0 15px 0;
	}
	
	h2 {
		font-size: 2.6em;
		line-height: 1em;
		font-weight: normal;
		margin: 15px 0;
	}
	
	h3 {
		font-size: 1.5em;
	}
	

/* ---------------------------------- */
/* FORM ELEMENTS  */   
/* ---------------------------------- */

	input, textarea, select {
		font-family: verdana, arial, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		color: #666;
		margin: 0;
		padding: 2px;
		border: 1px solid #6b9ece;
	}
	input.qty {
		width: 35px;
	}
	form {
		margin: 0 0 25px 0;
	}
	legend {
		display: none;
	}
	fieldset {
		border: 0;
		padding: 0;
		margin: 0;
	}
	.formbutton_submit {
		font-size: 1em;
		background: #336799;
		font-weight: bold;
		color: #fff;
		width: auto;
		border: 1px outset #336799;
	}
	.formbutton_submit {
		font-size: 1em;
	}
	
/* ---------------------------------- */
/* HEADER STYLES  */   
/* ---------------------------------- */

	#topmenu {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 30px;
		right: 0;
		list-style: none;
		text-align: right;
		font-size: 90%;
		
	}
	#topmenu li {
		float: left;
		margin: 0 0 0 15px;
	}
	#topmenu li a {
		text-decoration: underline;
	}
	#topmenu li a:hover {
		text-decoration: none;
	}
	#topmenu li a.selected {
		font-weight: bold;
	}
	
/* ---------------------------------- */	
	
	#basketinfo {
		border: 1px solid #3a6c9d;
		background: #fff;
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 165px;
		z-index: 5;
	}
	#basketinfo h3 {
		margin: 0;
		padding: 0;
		width: 165px;
		height: 35px;
		overflow: hidden;
		text-indent: -3000em;
		font-size: 1px;
		background: url(../images/h3_shopping_basket.gif) no-repeat center center;
	}
	#basketinfo ul {
		margin: 0;
		padding: 0 20px 5px 20px;
		list-style: none;
		font-size: 90%;
	}
	#basketinfo li {
		clear: both;
		margin: 0;
		padding: 0 0 0 9px;
		background: url(../images/arrow_blue.gif) no-repeat left center;
	}
	#basketinfo a {
		color: #336799;
	}
	
	#update, .update{
		height: 22px;
	}
	
	#msg{
		font-weight: bold;
		margin: -5px 0px 0px 0px;
		float:left;
	}
	
/* ---------------------------------- */


	#searchbox{
		float: left;
		background-color: #5781b1;
		padding: 0px 0px 10px 10px;
		width: auto;
		background-image:url(../images/search_bottom.jpg);
		background-position: left bottom;
		background-repeat:repeat-x;
		display:inline;
		margin: 0px 0px 0px 94px;
	}
	
	.productselectbox{
		clear:both;
		padding: 6px 0px 6px 0px;
		float: left;
		
	}
	
	#product{
		clear: both;
	}
	
	#searchform{
		float:left;
	}
	.searchbutton{
		float:left;
		padding: 0px 10px 0px 0px;
	}
	.searchbutton img{
		cursor: pointer;
	}
	#search {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 125px;
		left: 0;
		width: 585px;
		z-index: 15;
	}
	#search input, #search select {
		float: left;
		margin: 0 10px 0 0;
	}
	
	#search form {
		margin: 0;
		padding: 0;
	}
	#search fieldset {
		border: 0;
		padding: 0 0 0 0px;
		margin: 0;
		background: url(../images/bg_search.gif) no-repeat left top;
	}
	#search legend {
		display: none;
	}
	#search label {
		display: none;
	}
	
.advanced a{
	color:#fff;
	cursor: pointer;
	font-size: 80%;
	float: left;
	width: 104px;
	padding: 12px 0px 0px 0px;
}

/* ---------------------------------- */
/* CONTENT STYLES  */   
/* ---------------------------------- */

/* ------- Breadcrumb ----------- */

	.breadcrumb {
		padding: 0;
		margin: 10px 0 20px 0;
		width: 480px;
		float: left;
		list-style: none;
		font-size: 90%;
		color: #336799;
	}
	.breadcrumb li {
		float: left;
	}
	.breadcrumb li a {
		padding: 0 10px 0 0;
		margin: 0 5px 0 0;
		color: #336799;
		background: url(../images/bg_breadcrumb_arrow.gif) no-repeat right center;
		text-decoration: underline;
	}
	
/* Homepage  */

	#testimonial {
		width: 280px;
		float: left;
		font-size: 90%;
		border: 1px solid #6b9ece;
		line-height: normal;
		padding: 0 0 10px 0;
		margin:10px 0px 0px 0px;
	}
	
	#testimonial h3 {
		background: url(../images/bg_blue_gradient.gif) repeat-x;
		color: #fff;
		padding: 5px 10px;
		font-weight: normal;
	}
	
	#testimonial .slide, #testimonial a{
		width: 260px;
		padding:5px 10px 10px 10px;
	}
	
	#testimonial .testinner{
		height:120px;
		display:block;
	}
	
	#specials {
		width: 280px;
		float: left;
		font-size: 90%;
		border: 1px solid #6b9ece;
		line-height: normal;
		padding: 0 0 10px 0;
	}
	#specials h3 {
		background: url(../images/bg_blue_gradient.gif) repeat-x;
		color: #fff;
		padding: 5px 10px;
		font-weight: normal;
	}
	#specials h2 {
		font-size: 100%;
		margin: 0 0 5px 0;
		font-weight: normal;
		color: #000;
	}
	#specials ol {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#specials li {
		padding: 5px 10px;
		margin: 0 0 20px 0;
		clear: both;
	}
	#specials li .image {
		float: left;
		margin: 0 15px 0 0;
	}
	#specials li span {
		font-weight: bold;
	}
	#specials li strong {
		font-weight: normal;
		color: #e0331c;
	}
	#specials li a {
		font-weight: bold;
	}
	
	
	
/* --- */

	#new_arrivals {
		width: 170px;
		line-height: normal;
		float: right;
		font-size: 90%;
		border: 1px solid #6b9ece;
	}
	#new_arrivals h3 {
		background: url(../images/bg_blue_gradient.gif) repeat-x;
		color: #fff;
		padding: 5px 10px;
		font-weight: normal;
	}
	#new_arrivals h2 {
		font-size: 100%;
		margin: 0 0 5px 0;
		font-weight: normal;
		color: #000;
	}
	#new_arrivals ol {
		list-style: none;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	#new_arrivals li {
		padding: 5px 10px;
		margin: 0;
		clear: both;
	}
	#new_arrivals li .image {
		margin: 0 15px;
	}
	#new_arrivals li span {
		font-weight: bold;
	}
	#new_arrivals li strong {
		font-weight: normal;
		color: #e0331c;
	}
	#new_arrivals li a {
		font-weight: bold;
	}
	
/* Listing  */

	#listing {
		width: 487px;
		float: left;
		font-size: 90%;
		line-height: normal;
		padding: 0 0 10px 0;
	}
	#listing h3 {
		background: url(../images/bg_blue_gradient.gif) repeat-x;
		color: #fff;
		padding: 5px 10px;
		font-weight: normal;
		clear: both;
		float: left;
		width: 467px;
	}
	#listing h2 {
		font-size: 120%;
		margin: 0 0 5px 0;
		font-weight: bold;
		color: #000;
	}
	#listing ol {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#listing li {
		padding: 5px 10px;
		margin: 0 0 20px 0;
		width: 467px;
		clear: both;
		float: left;
		border-bottom: 1px solid #6b9ece;
	}
	#listing li .image {
		float: left;
		margin: 0 15px 0 0;
	}
	#listing li span {
		font-weight: bold;
	}
	#listing li strong {
		font-weight: normal;
		color: #e0331c;
	}
	#listing li a {
		font-weight: bold;
	}
	
	.detailsbuy{
		width: 342px;
		float: right;
		font-weight: bold;
	}
	
/* ------- More info page ----------- */
	.rowtitle{
		font-weight: bold;
	}
	
	.rowend{
		text-align: right;
	}
	
	.imagecol {
		border: 1px solid #6b9ece;
		
	}
	
	.leftcol{
		width: 200px;
		float: left;
		margin: 0 0 15px 0;
		background: #fff;
		text-align: center;
	}
	
	.imagecol img {
		margin: 0 0 -3px 0;
		padding: 0;
	}
	
	.enlarge{
		font-size: 90%;
		text-align: center!important;
		width:200px;
		display:block;
		padding: 0px;
		margin: 0px;
	}
	
	.productback{
		float: left;
		width: 200px;
	}
	
	.infocol {
		width: 260px;
		float: right;
		margin: 0 0 15px 0;
	}
	.infocol h2 {
		font-size: 130%;
		margin: 0 0 10px 0;
		font-weight: bold;
		color: #000;
	}

/* Order form */
	
	.ordering {
		list-style: none;
		padding: 0;
		margin: 0;
		font-size: 90%;
	}
	.ordering li {
		float: left;
		clear: both;
		margin: 0 0 5px 0;
		width: 260px;
	}
	.ordering li.auto {
		width: auto;
	}
	.ordering li.colour_range {
		clear: none;
		margin: 0 0 5px 10px;
		position: relative;
		width: auto;
	}
	.ordering li.colour_range a {
		padding: 0 0 0 8px;
		background: url(../images/arrow_blue.gif) no-repeat left center;
	}
	
	.colourdisc{
		clear:both;
		font-size: 80%;
	}
	
	.ordering label {
		float: left;
		width: 175px;
	}
	.ordering em {
		font-style: normal;
		font-weight: bold;
	}

/* Colour Range Box */
	
	#colour_range {
		border: 1px solid #dcdcdc;
		float: left;
		padding: 5px;
		width: 475px;
		margin: 0 0 15px 0;
		font-size: 90%;
	}
	#colour_range h3 {
		padding: 5px 10px;
	}
	#colour_range ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#colour_range li {
		float: left;
		width: 65px;
		padding: 0;
		margin: 0 0 1px 0;
		height: 100px;
		text-align: center;
	}
	#colour_range li a {
		display: block;
		border: 1px dashed #fff;
		color: #000;
		width: 65px;
		padding: 5px 0 0 0;
		height: 90px;
	}
	#colour_range li a:hover {
		display: block;
		border: 1px dashed #dcdcdc;
		color: #000;
		text-decoration: none;
	}
	
/* ---------------------------------- */
/* LEFTCOLUMN STYLES  */   
/* ---------------------------------- */

	#email_updates {
		background: #fff;
		padding: 10px 10px 5px 10px;
		margin: 0 0 15px 0;
		font-size: 90%;
	}
	#email_updates h3 {
		margin: 0 0 5px 0;
		font-weight: normal;
	}
	#email_updates p {
		margin: 0 0 5px 0;
	}
	#email_updates p.register {
		text-align: right;
		padding: 0;
	}
	#email_updates p.register a {
		text-align: right;
		padding: 0 0 0 10px;
		background: url(../images/arrow_blue.gif) no-repeat left center;
	}
	
/* ---------------------------------- */

	#product_category_links {
		background: #fff;
		padding: 9px 9px 4px 9px;
		font-size: 90%;
		font-weight: bold;
	}
	#product_category_links h3 {
		margin: 0 0 5px 0;
		padding: 0 0 2px 5px;
		font-weight: normal;
	}
	#product_category_links ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#product_category_links li {
		border: 1px solid #fff;
	}
	#product_category_links li a {
		background: url(../images/bg_nav_normal.gif) no-repeat left center;
		display: block;
		padding: 2px 2px 2px 15px;
		margin: 0;
		border: 1px solid #d6e1eb;
		color: #336799;
	}
	#product_category_links li a:hover, #product_category_links li a.selected {
		background: url(../images/bg_nav_active.gif) no-repeat left center;
		color: #fff;
		text-decoration: none;
	}
	
/* ---------------------------------- */
	
	#product_category_links ul ul {
		list-style: none;
		padding: 0;
		margin: 0;
		font-weight: normal;
	}
	#product_category_links li li {
		border: 1px solid #fff;
		padding: 0 10px;
	}
	#product_category_links li li a {
		background: url(../images/arrow_blue.gif) no-repeat left center;
		display: block;
		padding: 0 0 0 10px;
		margin: 0;
		border: 0;
		color: #336799;
	}
	#product_category_links li li a:hover {
		background: url(../images/arrow_blue.gif) no-repeat left center;
		text-decoration: underline;
		color: #336799;
	}
	#product_category_links li li a.selected {
		background: url(../images/arrow_blue.gif) no-repeat left center;
		text-decoration: none;
		color: #336799;
		font-weight: bold;
	}
	
	
	.tickbox{
		font-size: 80%;
	}	
	
	.tickboxtext{
		width: 475px;
		display:block;
		float: left;
	}
/* ---------------------------------- */
/* FOOTER ELEMENTS  */   
/* ---------------------------------- */

	
	#footer p.address {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 38px;
		left: 20px;
		color: #fff;
	}
	
	#footer p.address a {
		color: #fff;
	}
	
	#footer p.copyright {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: absolute;
		bottom: 18px;
		width: 750px;
		text-align: center;
		color: #669acc;
	}
	
	.hsbc{
		float: left;
		clear: both;
		width: 750px;
		display:block;
		text-align: right;
	}
	
	.hsbctext{
		float: left;
		width: 660px;
		display:block;
		text-align:right;
		font-size: 90%;
	}
	
	.hsbctext a{
		color: #000;
	}


/* ---------------------------------- */
/* CHECK OUT  */   
/* ---------------------------------- */

.basketrow{
	width: 485px;
	float: left;
	padding: 5px 0px 5px 0px;

}
.product{
	width: 220px;
	float: left;
}
.price{
	width: 60px;
	float: left;

}
.quantity{
	width: 130px;
	float: left;
}
.rowtotal{
	width: 70px;
	float: left;
}

.update{
}

.disclaimerone{
	padding: 20px 0px 10px 0px;
	margin:0px;
	float: left;
}

.disclaimer{
	padding: 10px 0px 10px 0px;
	width: 485px;
	float: left;
}

.summaryleft{
	float:right;
	width:70px;
	padding: 0px 0px 0px 0px;
	text-align:right;
}

.summaryright{
	float:right;
	width:70px;
}

.summaryinfo{
	padding: 10px 0px 0px 0px;
	margin:0px;
}

.formrow{
	width: 500px;
	float: left;
	clear: both;
	padding: 5px 0px 5px 0px;
}

.formleft{
	width: 200px;
	float: left; 
}

.formright{
	width: 300px;
	float: left;
}


/*Check out*/
.leftrow{
	width: 200px;
	float: left; 
}

.rightrow{
	width: 300px;
	float: left;
}

.red{
	color: #e0331c;
}
.error{
	background-color: #ebf0f4;
}
/*sitemap*/

#sitemap ul{
	list-style-type: none;
}

/*delivery*/

.map{
	float: left;
	cursor: pointer;
}

.enlargemap{
	clear: both;
	text-align: right;
	padding: 0px 20px 10px 0px;
	font-size: 90%;
}

.inclvat{
	padding: 0px 0px 0px 140px;
}

#deliverywrapper{
	float: left;
	clear:both;
}

.clear{
	clear: both;
}
/* CSS Document */

#seotools {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#fff;
	text-align:center;
	z-index:100;
	padding:5px 0;
	opacity:0.9;
	}
#deliveryprices{
	float: left;
}

.table{
	width: 300px;
}

.th1{
	width: 80px;
}

.th2{
	width: 100px;
}

.th3{
	width: 120px;
}

/*basket*/

.small{
	font-size: 90%;
	float: left;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

#basketform{
	clear: both;
}

#basketform ol, #colour ol{
	list-style-type: none;
}

#basketform ol{
	padding: 0px;
	margin: 0px;
}

#basketform ol li{
	clear: both;
	padding: 5px 0px 0px 0px;
}

#basketform fieldset{
	padding: 0px;
	margin: 0px;
}

#basketform{
	padding: 0px;
	margin: -20px 0px 0px 0px;
	clear: both;
}

#basketform ol li label{
	width : 430px;
	display: block;
	float: left;
	font-weight: bold;
}
#basketform ol li input{
	float: right;
}

.conleftrow{
	float: left;
	width: 240px;
}
.conrightrow{
	float: right;
	width: 240px;
}
/*login*/

.blue{
	color: #336799;
}

/*account*/

.selectaddress{
	float: left;
	padding: 5px;
}

.selectaddress input{
	margin: 0px 5px 0px 0px;
}

.save{
	color:#336799;
	font-weight: bold;
}

.error{
	color:#ff0000;
	font-weight: bold;
}

.thawte{
	float: left;
	padding: 0px 10px 0px 0px;
}

.testimonalitems{
	float:left;
	clear:both;
	padding:0px 0px 15px 0px;
	width:485px;
}

.outstock{
	color:#ff0000;
}

/*customers*/

.customerlogo {
	width:200px;
	height:200px;
	float:left;
	margin:10px;
}

#social {
	width:200px;
	margin-top:48px;
}