/* CHRISTMAS OPENING */
.christmas-hol {
    font-weight :bold;
    width : 99%;
    color : #990000;
    margin-bottom : 12px;
}

/* Test */
.clearfix:after, clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, .clear {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, .clear {display:block;}
/* End hide from IE Mac */

	.toprightthumbnail {
		float:right;
		border:2px solid #eaeaea;
		margin-right:10px;
		margin-top:10px;
		height:44px;
		opacity:0.7
	}
	
	.firefox .toprightthumbnail {
		float:right;
		border:2px solid #eaeaea;
		margin-right:10px;
		margin-top:10px;
		height:44px;
		opacity:0.7
	}
	
	.ff3 .toprightthumbnail {
		float:right;
		border:2px solid #eaeaea;
		margin-right:10px;
		margin-top:17px;
		height:44px;
		opacity:0.7
	}


	* {
		padding		: 0;
		margin		: 0;
		font-family	: Trebuchet MS, Tahoma, Arial, Verdana, sans-serif;
	}
	html, body {
		height		: 100% !important;
		background	: #becbfe;
		font-family	: Trebuchet MS, Tahoma, Arial, Verdana, sans-serif;	
		font-size	: 14px;
		color		: #000000;
		padding-bottom:20px;
		width : 100%;
	}
	
	
	div {
	position: relative;

}
	* a:link, * a:active, * a:visited {
		color:#ffffff;
		text-decoration:none;
	}
	img, a:link img, a:active img, a:visited img, a:hover img, a img {border:0;}
	.float-right { float:right; }
	.float-left  { float:left;  }
	div#wrapper {
		top			: 17px;
		margin		: auto;
		width	 	: 740px;
		background 	: #FFFFFF url('../images/wrapperTop.jpg') no-repeat;
		margin-bottom:50px;
		height		: auto;
		display : block;
	}
	div.copy {
		margin-top : 5px;
		width : 700px;
		left  : 20px;
		font-size : 12px;
		margin-bottom:10px;
	}
		div.copy a,
		div.copy a:link,
		div.copy a:active,
		div.copy a:visited {
			color : #ab89e5;
			text-decoration : none;
		}
		
		div.copy a:hover {
			text-decoration : underline;
		}
/* IMAGE VIEWER */

div#imageViewer {
	z-index:10000;
	position:absolute; /* 031108 - was fixed */
	display: none;
	height:100%;
	width:100%;
	background:#000000;	
	top:0px;
	left:0px;
}
	div#imageViewer div.imageCase {
		
	}
		div#imageViewer div.imageCase div.text {
			color:white; 
			width:100%; 
			height: 16px; 
			line-height:16px;
		}
/* HEAD */
	div#wrapper div#head {
		padding-top	: 5px;
		height		: 100px;
		text-align	: center;
	}

/* TOP NAV */
	div#wrapper div#topNav {
		left	: 12px;
		width 	: 716px;
		height 	: 28px;
		background : #becbfe url('../images/navBar/bg.jpg');
	}
		div#wrapper div#topNav div.left {
			position:absolute;
			width	: 9px;
			height	: 28px;
			left	: 0px;
			top		: 0px;
			background: #becbfe url('../images/navBar/bgL.jpg');
		}
		div#wrapper div#topNav div.content {
			position : absolute; /* 0301108 - was relative */
			left:9px;
			width:698px;
			color:#FFFFFF;
		}
			div#wrapper div#topNav div.content div { 
				position:relative; 
				float:left; 
				color:#FFFFFF;
				left:0px;
				top:0px;
				font-size: 12px;
			}
			div#wrapper div#topNav div.content div.home div.aboutus { 
				width:30px;
			}
			div#wrapper div#topNav div.content div.search { 
				float:right;
				margin-right:90px;
			}
				div#wrapper div#topNav div.content div.search form {
					border:0pt none;
					font-family:inherit;
					font-size:100%;
					font-style:inherit;
					font-weight:inherit;
					margin:0pt;
					padding:0pt;
				} 
					div.search form label {
						border:0pt none;
						margin:0pt;
						padding:0pt;
					}
						div.search form label input {
							padding : 1px 3px 1px 3px;
							background: #FFFFFF;
							border:1px solid #666666;
							vertical-align:top;
							height: 18px;
							margin-top:2px;
							color:#000000;
						}
					div.search form input.button {
						vertical-align:top;
					}
					
			div#wrapper div#topNav div.content div.basket { 
				font-size: 12px;
				height:22px;
				float:right;
			}
				div#wrapper div#topNav div.content div.basket div.details { 
					padding : 1px 3px 1px 3px;
					background: #976ade;
					margin-top : 3px;
					border:1px solid #666666;
					width: auto;
				}
				div#wrapper div#topNav div.content div.basket img { margin-left: 10px; }
		div#wrapper div#topNav div.right {
			position:absolute;
			width	: 9px;
			height	: 28px;
			left	: 707px;
			top		: 0px;
			background: #222222 url('../images/navBar/bgR.jpg');
		}
		
/* TIMELINE */
	div#wrapper div#timeline {
		left	: 12px;
		width 	: 716px;
		height 	: 18px;
		color 	: #222222;
		font-size  : 12px;
		font-weight:bold;
		background : #FFFFFF;
	}

/* MIDDLE */
	div#wrapper div#middle {
		height 	: auto;
		left	: 12px;
		width	: 716px;
	}
		
/* LEFT */
	div#wrapper div#middle div#left {
		height : auto;
		float  : left;
		width  : 148px;
	}
		div#wrapper div#middle div#left div.menu {
			padding-bottom: 20px;
		}
			div#wrapper div#middle div#left div.menu div.head {
				left : 0px;
				top  : 0px;
				width : 148px;
				height : 25px;
				background : #333333 url(../images/left/head.jpg) no-repeat;
				color : #FFFFFF;
				font-size : 14px;
				text-align: center;
			}
			div#wrapper div#middle div#left div.menu div.head img { position:relative; display: block; margin : 0 auto; top:1px; }
			div#wrapper div#middle div#left div.menu div.body {
				width  : 148px;
				height : auto;
			}
			div#wrapper div#middle div#left div.menu div.body ul {
				background : #ab89e5;
				list-style : none;
				background : #c0cdfe url(../images/left/itemBG.jpg) repeat;
				width : 100%;
				overflow:hidden;
			}
				div#wrapper div#middle div#left div.menu div.body ul li {
					display:block;
					width : 100%;
				}
					div#wrapper div#middle div#left div.menu div.body ul li a,
					div#wrapper div#middle div#left div.menu div.body ul li a:link,
					div#wrapper div#middle div#left div.menu div.body ul li a:visited,
					div#wrapper div#middle div#left div.menu div.body ul li a:active {
						border-top : 2px solid #FFFFFF;
						text-transform : uppercase;
						text-decoration:none;
						font-size : 13px;
						display : block;
						width   : 100%;
						height : 20px;
						min-height : 20px;
						height  : auto !important;
						color 	: #333333;
						padding : 4px;
						padding-left : 8px;
					}
					div#wrapper div#middle div#left div.menu div.body ul li:first-child { 
						border-top:1px solid #ffffff;
					}
					div#wrapper div#middle div#left div.menu div.body ul li ul li a,
					div#wrapper div#middle div#left div.menu div.body ul li ul li a:link,
					div#wrapper div#middle div#left div.menu div.body ul li ul li a:visited,
					div#wrapper div#middle div#left div.menu div.body ul li ul li a:active {
						padding : 1px;
						padding-left: 10px;
						margin : 0px;
						min-height: 0px;
						height : auto !important;
						border: 0px;
						font-size: 11px;	
					}
					div#wrapper div#middle div#left div.menu div.body ul li a:hover,
					div#wrapper div#middle div#left div.menu div.body ul li a:focus,  
					div#wrapper div#middle div#left div.menu div.body ul li a.active {
						background : #ab89e5 url(../images/left/itemBGon.jpg) repeat;
						display : block;
						width   : 100%;
						padding-left : 8px;
						color : #FFFFFF;
					}
					
/* MAIN */
	div#wrapper div#middle div#main {
		height	: auto;
		float	: right;
		left	: 0px;
		width 	: 556px;
		padding-bottom: 15px;
		overflow:hidden;
	}
	

	
/* subItems */
	div#wrapper div#middle div#main div#subItemsPane {
		display	: block;
		width	: 100%;
		height	: 100%;
	}
	
	/*Front page images*/
		div#wrapper div#middle div#main div#subItemsPane div.subItem {
			float		: left;
			width		: 180px;
			background	: #CCCCCC;
			height		: auto;
			padding		: 0px;
			margin		: 0px;
			margin-top	: 20px;
		}
			div#wrapper div#middle div#main div#subItemsPane div.subItem div.head {
				height		: 24px;
				width		: 100%;
				padding		: 0px;
				margin		: 0px;
				background	: #ab89e5 url(../images/categories/subs/_head.jpg);
				text-align	: center;
			}
				div#wrapper div#middle div#main div#subItemsPane div.subItem div.head span {
					position : relative;
					top		 : 3px;
					color	 : #FFFFFF;
					font-size: 14px;
				}
			div#wrapper div#middle div#main div#subItemsPane div.subItem div.content {
				color		: #ffffff;
				height		: auto;
				width		: 100%;
				padding		: 0px;
				margin		: 0px;
				background	: #ab89e5 url(../images/categories/subs/_bottom.jpg) no-repeat;
				background-position : bottom;
				text-align	: center;
			}
				div#wrapper div#middle div#main div#subItemsPane div.subItem div.content img { 
					border:2px solid #ffffff;
					margin:8px;
				}
				
				



/* CATEGORY PRODUCTS */
	div#wrapper div#middle div#main div#products {
		border-top : 1px dashed #9465dd;
	}
	div#wrapper div#middle div#main div#products div.item {
		position:relative;
		background : #e8edfd;
		border : 1px solid #DDDDDD;
		border-bottom : 1px dashed #9465dd;
		vertical-align : top;
		height : 86px;
		overflow:hidden;
	}
		div#wrapper div#middle div#main div#products div.item div.left {
			float : left;
			width : 100px;
			height: 86px;
			left:0px;
			top:0px;
			overflow:hidden;
		}
			div#wrapper div#middle div#main div#products div.item div.left img {
				position:relative;
				left:8px;
				top:10px;
				width : 86px;
				border : 2px solid #333333;
				cursor : pointer;
			}
		div#wrapper div#middle div#main div#products div.item div.middle {
			float : left;
			width : 344px; 
			height: 86px;
			top:0px;
			overflow:hidden;
		}
			div#wrapper div#middle div#main div#products div.item div.middle div.name {
				position:relative;
				top:5px;
				left:0px;
				height:22px;
				width: auto;
				padding-left:10px;
				font-size: 15px;
				color : #ab89e5;
				font-weight: bold;
			}
			div#wrapper div#middle div#main div#products div.item div.middle div.desc {
				position:relative;
				top:2px;
				left:0px;
				height:22px;
				width: auto;
				padding-left:10px;
				font-size: 12px;
				overflow:hidden;
			}
			div#wrapper div#middle div#main div#products div.item div.middle div.thumbs {
				position:relative;
				top:4px;
				left:0px;
				height:28px;
				width: auto;
				padding-left:10px;
				font-size: 12px;
				overflow:hidden;
			}
				div#wrapper div#middle div#main div#products div.item div.middle div.thumbs img {
					height: 26px;
					border : 1px solid #222222;
					margin-right:5px;
				}
		div#wrapper div#middle div#main div#products div.item div.right {
			float : right;
			width : 108px;
			height: 86px;
			top:0px;
			overflow:hidden;
		}
			div#wrapper div#middle div#main div#products div.item div.right div.sale {
				top:10px;
				height:13px;
				width:100%;
				text-align:center;
				font-size:13px;
				line-height:13px;
				color:#333333;
				font-weight: bold;
			}
			div#wrapper div#middle div#main div#products div.item div.right div.price {
				top:18px;
				text-align:center;
				font-size:20px;
				line-height:20px;
				color:#ab89e5;
				font-weight: bold;
			}
				div#wrapper div#middle div#main div#products div.item div.right div.price span {
					color:#333333;
					font-size : 12px;
					font-weight: normal;
					text-transform:uppercase;
				}
			div#wrapper div#middle div#main div#products div.item div.right .button {
				position:relative;
				display : block;
				top:23px;
				left:3px;
				height : 21px;
				width  : 100px;
				background : url(../images/orderButton.jpg) no-repeat;
				text-indent : -9999px;
				border : none;
			}
		div#wrapper div#middle div#main div#products div.item div.productOptions {
			top	  : 0px;
			width : 100%;
			float : left;
			background : #EEEEEE;
			border-top : 1px dashed #666666;
		}
		div#wrapper div#middle div#main div#products div.item div.productOptions .button {
			float: right;
			padding-right:25px;
			padding-bottom : 8px;
			
		}
			div#wrapper div#middle div#main div#products div.item div.productOptions div.prods {
				width	: 100%;
				float	: left;
				display	: block;
				padding-left: 25px;
				padding-bottom: 8px;
			}
				div#wrapper div#middle div#main div#products div.item div.productOptions div.prods div.prod {
					float	: left;
					margin	: 5px 0px 0px 5px;
					padding	: 5px 0px 0px 5px;
					width 	: 240px;
					height	: 72px;
					min-height : 72px;
					height	   : auto !important;
					background : #e0e0e0;
				}
					div#wrapper div#middle div#main div#products div.item div.productOptions div.prods div.prod img {
						margin : 0px;
						border : 2px solid #444444;
						float  : left;
					}
					div#wrapper div#middle div#main div#products div.item div.productOptions div.prods div.prod div .colour,
					div#wrapper div#middle div#main div#products div.item div.productOptions div.prods div.prod div label  {
						display	  : block;
						font-size : 14px;
						color	  : #9465dd;
						position  : relative;
					}
					div#wrapper div#middle div#main div#products div.item div.productOptions div.prods div.prod div label { top:14px; }
					div#wrapper div#middle div#main div#products div.item div.productOptions div.prods div.prod div label input.quantity {
						margin	: 0px;
						padding	: 0px;
						border 	: 1px solid #9465dd;
						top		: 30px;
					}
			
/* FOOTER */
	div#wrapper div#footer {
		width	   : 720px;
		height	   : 69px;
		left	   : 10px;
		position   : relative;
		background : #c0cdfe url(../images/footer/bg_w.jpg);
	}
		div#wrapper div#footer div.left {
			position:absolute;
			left 	: 0px;
			width	: 9px;
			height	: 69px;
			background : #c0cdfe url(../images/footer/bgL.jpg);
		}
		div#wrapper div#footer div.centerBlack {
			position:absolute;
			left 	: 9px;
			width	: 151px;
			height	: 69px;
			background : #c0cdfe url(../images/footer/bg_b.jpg);
			font-size : 18px;
			text-align : center;
		}
			div#wrapper div#footer div.centerBlack a,
			div#wrapper div#footer div.centerBlack a:link,
			div#wrapper div#footer div.centerBlack a:active,
			div#wrapper div#footer div.centerBlack a:visited {
				color : #FFFFFF;
				text-decoration:none;
				margin-top : 10px;
				display : block;
			}
		div#wrapper div#footer div.centerWhite {
			position:absolute;
			left 	: 160px;
			width	: 551px;
			height	: 69px;
		}
			div#wrapper div#footer div.centerWhite img.payments {
				position:absolute;
				top:5px;
				left:285px;
			}
			div#wrapper div#footer div.centerWhite ul {
				position:relative;
				color:#222222;
				font-size:12px;
				list-style-type:square;
				top:2px;
				left:35px;
				width:145px;
				float:left;
			}
				div#wrapper div#footer div.centerWhite ul li {
					padding-top:3px;
				}
					div#wrapper div#footer div.centerWhite ul li a,
					div#wrapper div#footer div.centerWhite ul li a:visited,
					div#wrapper div#footer div.centerWhite ul li a:link,
					div#wrapper div#footer div.centerWhite ul li a:active {
						color:#222222;
						text-decoration:none;
					}
					div#wrapper div#footer div.centerWhite ul li a:hover { text-decoration:underline; }
 		div#wrapper div#footer div.right {
			position:absolute;
			left 	: 711px;
			width	: 9px;
			height	: 69px;
			background : #c0cdfe url(../images/footer/bgR.jpg);
		}
		
div#about { background : url(/images/fsb-logo.gif) top right no-repeat; }