body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin: 0px;
	padding: 0px;
	color: #1f1a17;
	background: #1f1a17 url(../images/paperBg.jpg) 0px 260px repeat;
}
DIV.container
{
	border: 0px solid #fdd;
	width: 940px;
	margin: 0 auto;
	padding: 0px;	
	position:relative;
}
#rightColumn
{
	border: 0px solid #000;
	width: 280px;
	float: left;
	margin: 0px 0px 0px 25px;
}
#rightProductDescription
{
	border: 0px solid #000;
	width: 370px;
	float: left;
	margin: 0px 0px 0px 0px;
}
.squarePanel
{
/*	border: 3px solid #fff;*/
	background-color: #f6f1ed;
	width: 566px;
	float: left;
	padding: 20px;
	margin: 53px 0px 0px 0px;	
}
/* --------------------- Products styling ----------------------------- */
#products
{
	border: 0px solid #fff;
	width: 950px;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 0.9em;
	color: #1f1a17;
	clear: both;
}
.catalogue #products
{
	border: 0px solid #fff;
	width: 612px;
	margin: 0px;
	float: left;
	padding-top: 44px;
}
#products li img
{
	border: 2px solid #fff;
	width: 100px;
	height: 150px;
	display: block;
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#products li A:hover img 
{
	border: 2px solid #0068a6;
}
#products ul
{
	border: 0px solid red;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	clear: both;
	overflow: hidden; /* FF float bug fix */
}
#products li
{
	border: 0px solid green;
	list-style: none;
	float: left;
	width: 104px;
	margin: 0px 14px 10px 0px;
	padding: 0px;
}
#products ul.catalogue li
{
	margin: 0px 0px 10px 18px;
	min-height:220px;
}
#products li A span
{
	text-decoration: none;
	color: #1f1a17;
	display: block;
	padding: 2px;
	clear: both;
	background-color: #facf20;
}
#products li A:hover span
{
	background-color: #0068a6;
	color: #fff;
}
#products li span.productCode
{
	padding: 1px 0px 0px 3px;
	line-height: 100%;
	display: block;
	background: url(../images/productCode.gif) 0px 0px no-repeat;
}
/* --------------------- Product description page ----------------------------- */
DIV.categoriesList .greyPanelMid
{
	padding: 15px 12px 4px 7px;
}
.greyPanelMid ul.categoriesList li
{
	border: 0px solid red;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	list-style: none;
}
.greyPanelMid ul.categoriesList li A
{
	color: #1f1a17;
	display:block; 
	padding: 4px 0px 3px 22px;
	margin: 0px;
	text-decoration: none;
	background: #e3d5cc url(../images/arrowWhite.gif) left 5px no-repeat;
	font-weight: normal;
}
.greyPanelMid ul.categoriesList li A#activeCategory
{
	background: #e3d5cc url(../images/arrowWhite.gif) left -15px no-repeat;
}
.greyPanelMid ul.categoriesList li A:hover
{
	background-color: #facf20;
}
.greyPanelMid ul.categoriesList ul
{
	padding: 0px;
	margin: 0px;
}
.greyPanelMid ul.categoriesList ul li
{
	padding: 0px;
	margin: 2px 0px 2px 0px;
}
.greyPanelMid ul.categoriesList ul li A
{
	color: #0068a6;
	padding: 3px 0px 3px 22px;
	margin: 0px;
	font-weight: normal;
	border-bottom: 1px dashed #ccc;
	background: none;
}
.greyPanelMid ul.categoriesList ul li A:hover
{
	background-color: #fff;
}
#ProductImageColumn
{
	border: 0px solid red;
	float: left;
	width: 167px;
	margin: 0px 10px 0px 0px;
}
#ProductImageColumn A.enlargePhoto
{
	display: block;
	padding: 10px 0px 10px 0px;
}
/* --------------------- Related Products --------------------- */
#relatedProducts
{
	border: 0px solid red;
}
#relatedProducts img
{
	margin: 0px 4px 4px 0px;
}
/* --------------------- End of Related Products --------------------- */
.squarePanel img, .squarePanel A img
{
/*	border: 1px solid #1f1a17;*/
}
.squarePanel A:hover img
{
/*	border: 1px solid #fa205e;*/
}
#header
{
	border: 0px solid #00ff00;
	height: 160px;
	margin: 0px;
	padding: 0px;
	clear: both;
	background: #0062a6 url(../images/headBg.jpg) 0px 0px repeat-x;
}
#logo
{
	width: 296px;
	height: 117px;
	margin-top: 20px;
	border: 0;
	float: left;
}
/* No longer needed */
#phoneNumber
{
	position: absolute;
	top: 60px;
	right: 358px;
	z-index: 3;
	display: block;
	text-indent: -90000px;
	background: url(../images/phoneNumber.gif) 0px 0px no-repeat;
	width: 161px;
	height: 45px; 
}
/* New phone number styling */
#call-us
{
	color: #fcd628;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: normal;
	position: absolute;
	top: 60px;
	right: 340px;
	width: 170px;	
	line-height: normal;
}
#call-us span
{
	color: #ffffff !important;
	display: block;
	font-size: 24px;
}


#quoteTag
{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 200;
	width: 218px;
	height: 232px;
}
A:hover#quoteTag
{
	background: url(../images/quoteTag2.png) 0px 0px no-repeat;
}
#floral
{
	border: 0px dashed #000;
	position: absolute;
	top: 25px;
	left: -30px;
	z-index: 3;
}
#shopTab
{
	position: relative;
	top: -22px;
	left: 255px;	
	border: 0px;
}
#basketTab
{
	position: relative;
	top: -4px;
	left: -23px;	
	border: 0px;
	margin-bottom: 20px;
}
#contactTab
{
	position: absolute;
	top: -12px;
	right: 41px;
	z-index: 10;
	width: 220px;
	height: 33px;
}
#ie7
{
	position: relative;
	border: 1px dashed red;
}
.greyBg
{
	border: 0px solid red;
	min-height: 300px;
	_height:auto !important;
	height:auto !important;
	height:300px;
	padding: 25px 0px 10px 0px;
	background-color: #eaeaea;
	overflow: hidden; /* FF float fix */
}
#breadcrumb
{
	border: 0px solid red;
	min-height: 46px;
	background-color: #eaeaea;
}
#breadcrumbLinks
{
	border: 0px solid red;
	padding: 18px 0px 14px 0px;
	color: #999;
}
#breadcrumbLinks A
{
	color: #1f1a17;
}
DIV.paperGrid
{
	min-height: 250px;
	_height:auto !important;
	height:auto !important;
	height:250px;
	background: transparent url(../images/paperGrid.png) 0px 0px repeat-x;
}
#welcomePanel
{
	width: 308px;
	float: left;
	padding: 0px 20px 0px 20px;
	margin: 0px 25px 0px 0px;
	min-height: 285px;
	_height:auto !important;
	height:auto !important;
	height:285px;
	background: #eaeaea url(../images/welcomeBg.jpg) 0px 0px no-repeat;
}
#welcomePanel ul, #welcomePanel li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#welcomePanel A
{
	text-decoration: underline;
}
#welcomePanel li A
{
	width: 314px;
	display: block;
	clear: both;
	margin: 0px 0px 5px 0px;
	padding: 4px 0px 4px 13px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/arrowBg.gif) 0px 0px no-repeat;
}

#welcomePanel li A#embroidery
{
	background-image: url(../images/embroideryBtn.gif);
}
#welcomePanel li A#screenprintingBtn
{
	background-image: url(../images/screenprintingBtn.gif);
}
#welcomePanel li A#heatpressBtn
{
	background-image: url(../images/heatpressBtn.gif);
}
#welcomePanel li A#badgesBtn
{
	background-image: url(../images/badgesBtn.gif);
}
#welcomePanel li A:hover
{
	background-position: 0px -24px;
}
/* --------------------- Generic styling ----------------------------- */
A
{
	color: #0068a6;
	text-decoration: none;
}
A:hover, li A:hover
{
	color: #1f1a17;
	text-decoration: underline;
}
li A
{
	text-decoration: none;
}
A.more 
{
	background:transparent url(../images/arrow.gif)  0% 50% no-repeat;
	display:block;
	margin: 0px;
	padding:16px 15px 16px 19px;
}
A:focus, A:hover, A:active /* Firefox image outline fix */
{
	outline: none
}
.squarePanel A
{
	text-decoration:underline;
}
img
{
	border: 0px;
}
H1, #homepage H2
{
	font-size: 2em;
	font-weight: bold;
	color: #375458;
	margin: 0px;
	padding: 10px 25px 10px 18px;
	clear: both;
	position: relative;
	z-index: 5;
}
H2
{
	font-variant: small-caps;
	font-size: 1.8em;
	color: #0068a6;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
H3
{
	color: #375458;
	font-size: 1.4em;
}
#breadcrumb H1
{
	border: 0px solid red;
	float: left;
	text-transform: uppercase;
	padding: 14px 25px 10px 18px;
	font-size: 1.5em;
}
#welcomePanel H1
{
	font-size: 1.5em;
	font-variant: small-caps;
	color: #375458;
	border-bottom: 1px solid #fff;
	padding: 16px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
P
{
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 1.6em;
}
#welcomePanel P
{
	padding: 0px 0px 10px 0px;	
	font-size: 13px;
	line-height: 1.5em;
}
.greyPanel H3
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	color: #375458;
	border-bottom: 1px solid #f4b747;
	margin: 0px 30px 0px 15px;
	padding: 20px 10px 0px 0px;
}
.greyPanel H3 A
{
	text-decoration: none;
}
.greyPanel H3 img
{
	margin-bottom: 3px;
}
H4
{
	color: #0068a6;
	font-size: 1.5em;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
ul, ol
{
	margin: 0px;
	padding: 10px 0px 10px 25px;
}
li
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #375458;
}
.catalogueBtn
{
	display: inline;
	float: left;
	width: 253px;
	height: 285px;
	margin: 0px 25px 0px 0px;
	padding: 0px;
}
A.offersBtn, A.mailBtn
{
	display: inline;
	float: left;
	width: 279px;
	height: 63px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	text-indent: -90000em;
	background: url(../images/offersBtn.jpg) 0px 0px no-repeat;
}
A.mailBtn
{
	background: url(../images/mailBtn.jpg) 0px 0px no-repeat;
}
.catalogue A.offersBtn
{
	background: url(../images/offersBtn2.jpg) 0 0 no-repeat;
	margin: 0px 0px 20px 0px;
}
.catalogue A.offersBtn
{
	height: 101px;
}
A:hover img.catalogueBtn, A.offersBtn:hover, A.mailBtn:hover
{
	opacity: 0.85 !important; /*standards*/
	-moz-opacity: 0.85; /*old mozilla*/
	filter: alpha(opacity=85); /*if lte IE7 */
	-khtml-opacity: 0.85; /*old safari*/
}
A.mapBtn
{
	display: block;
	width: 237px;
	height: 101px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-indent: -9000em;
	background: url(../images/mapBtn.gif) 0px 0px no-repeat;
}
A:hover.mapBtn
{
	background-position: 0px -101px;
}
blockquote
{
	padding: 0px;
	margin: 0px;
	color: #0068a6;
	line-height: 1.4em;
	font-size: 1.2em;
	font-style: italic;
}
blockquote span
{
	padding: 10px 0px 0px 0px;
	display: block;
	font-style: normal;
	color: #1f1a17;
	font-size: 1em;
}
address
{
	margin: 0px;
	padding: 0px;
	font-style: italic;
}
/* -------------------------- Panel styling ----------------------------- */
.greyPanel
{
	border: 0px dashed green;
	width: 277px;
	margin: 0px 0px 0px 0px;
	float: left;
	position: relative;
}
#rightColumn .greyPanel
{
	margin-bottom: 20px;
}
.greyPanelMid
{
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	padding: 15px 20px 4px 20px;
	margin: 0px;
	background-color: #f4f4f4;
	overflow: hidden;
}
.greyPanelTop
{
	border: 0px solid green;
	width: 277px;
	margin: 0px;
	padding: 0px;
	min-height: 25px;
	_height:auto !important;
	height:auto !important;
	height:25px;
	background: url(../images/greyPanelTop.png) 0px 0px no-repeat;	
}
.greyPanelBot
{
	width: 277px;
	height: 10px;
	background: url(../images/greyPanelBot.png) 0px bottom no-repeat;	
}
.greyPanel ul, .greyPanel ol
{
	border: 0px solid green;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	color: #3976a3;
}
.greyPanel ol
{
	color: #375458;
}
.greyPanel ol li
{
	padding: 0px 0px 15px 0px;
}
.greyPanel li
{
	margin: 0px;
	padding: 0px 0px 7px 0px;
}
.greyPanel li A
{
	color: #3976a3;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
.greyPanel li A:hover
{
	color: #1f1a17;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.alert
{
	color: #fa2763;
	font-size: 120%;
	font-weight: bold;
}
.error
{
	border: 1px dashed #000;
	color: #ff0000;
	font-weight: bold;
	padding: 10px;
	margin: 10px 0px 10px 0px;	
	background-color: #fff;
	font-size: 1.4em;
	text-transform: none;
}
.cleaner
{
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}
/* --------------------- Gallery styling ----------------------------- */
#gallery
{
	padding: 10px 0px 20px 0px;
}
#gallery ul
{
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden; /* FF float bug fix */
}
#gallery li
{
	list-style: none;
	float: left;
	width: 135px;
	height: 135px;
	margin: 0px 3px 6px 3px;
	padding: 12px 0px 0px 0px;
}
#gallery img
{
	border: 0px;
	padding: 0px;
	height: 133px;
	width: 133px;
	padding: 12px 0px 0px 0px;
	display: block;
	clear: both;
}
#gallery li A img
{
	background: url(../images/zoomicon.gif) 0px 0px no-repeat;
}
#gallery li A:hover img 
{
	background-position: 0px -12px;
}
/* --------------------- Footer styling ----------------------------- */
#footer
{
	border: 0px solid red;
	margin-top: 40px;
	padding: 0px;
	clear: both;
	background: #1f1a17 url(../images/footerBg.jpg) 0px 0px repeat-x;
}
#footer ul
{
	position: static;
	margin: 0px;
	padding: 30px 0px 15px 15px;
	width: 217px;
	float: left;
	color: #666;
}
#footer li
{
	color: #666;
	margin: 0px;
	padding: 0px 0px 9px 3px;	
}
#footer li A
{
	color: #666;
}
#footer A
{
	color: #1f1a17;
}
#footer A:hover
{
	color: #fa205e;
}
#footer #contactDetails li
{
	list-style-type: none;
}
#footer span
{
	color: #fff;
	padding-right: 5px;
}
#footerText
{
	clear: both;
	margin: 20px 0px 0px 0px;
	background-color: red;
	min-height: 36px;
	height: 36px;
	background: url(../images/footerBg2.jpg) 0px 0px repeat-x;
}
#footerText P
{
	border: 0px solid red;
	width: 950px;
	margin: 0 auto;
	padding: 11px 0px 0px 0px;
	clear: both;
}
#footerText span
{
	color: #1f1a17;
	padding-right: 20px;
}
/* --------------------- Peach CMS styling ----------------------------- */
#runner
{
	background-color: #F8981D;
	width: 845px;
	margin: 0 auto;
	border: 5px solid #000;
	position: relative;
	z-index: 1000;
	padding: 20px;
	font-size: 1.2em;	
}
#runner A
{
	color: #fff;
	border: 1px solid #e78200;
	padding: 5px 5px 5px 5px;
	margin-right: 5px;
	font-weight: bold;
	background-color: #fda32f;
}
#runner A:hover, #runner A.onmode
{
	color: #000;
	text-decoration: none;
	background-color: #f6c418
}
#runner_fck
{
	position: relative;
}