/* ############## COLOURS ############## */


/* ############## BUMP ############## */
.bump {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;}

/* ############## LINKS ############## */
a {}
a:hover {}

/* ############## FONTS ############## */

h1 {
	font: bold 18px Arial,Calibri,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #707070;}

h2 {
	font: normal 20px Arial,Calibri,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}

h3 {
	font: bold 16px Arial,Calibri,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}

p {
	padding: 0px 3px 20px 3px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;}

/* ############## BODY ############## */
body {
	background: url(../images/bg.jpg) #edeffb top repeat-x;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #586170;
	font: normal 14px Arial,Calibri,sans-serif;}

/* ############## CONTAINER ############## */
#container {
	margin: auto;
	padding: 0px 0px 0px 0px;
	width: 980px;}

/* ############## HEADER ############## */
#header {	
	background: url(../images/header.jpg) top left no-repeat;
	height: 151px;
	width: 980px;}

#header #shopping-display {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 250px;
	height: 30px;}
#header #shopping-display img {
	float: right;}
#header #shopping-display p {
	float: right;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 8px;
	color: #fff;
	font-size: 14px;
	text-align: right;}
	
/* Added for IE */	
#header #search-box-input {     
                position: relative;
                z-index: 999;
                padding-left: 15px;
                padding-top: 3px;
                }          
	
#header #header-search-box {
	position: relative;
	z-index: 999;
	float: right;
	height: 151px;}
#header #search-box-text {
	background: url(../images/catalogue.png) top left no-repeat;
	height: 25px;
	width: 244px;
	padding: 90px 0 0 5px;
	margin: 3px 0px 0px 0px;}
#header #search-box-text p {
	padding: 1px 3px 0px 18px;
	margin: 0px 0px 0px 0px;
	/*line-height: 20px;*/
	font-size:14px;}

/* UL DROP MENU */
#header #search-box-input ul{	
	list-style-type: none;
	background: url(../images/bg_drop-menu.gif) top left no-repeat;
	padding: 0px;
	margin: 0px;
	width: 186px;
	height: 25px;
	color: #fff;}
/*HORIZONTAL POP OUT MENU*/
#header #search-box-input li{
	position: relative;
	width: auto;
	float: left;
	z-index: 999;}
#header #search-box-input li li{
	position: relative;
	width: 150px;
	float: left;}
/*STYLE COLOUR AND SIZE LEVEL 1 LINKS*/
#header #search-box-input ul li a:link,
#header #search-box-input ul li a:visited { 
	width: 176px;
	color: #fff;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block; 
	margin: 0px; 
	padding: 5px 5px 8px 8px;}
#header #search-box-input ul li a:hover, 
#header #search-box-input ul li a:active {
	color: #fff;}
/*STYLE COLOUR AND SIZE LEVEL 2 LINKS*/
#header #search-box-input ul ul li a:link, 
#header #search-box-input ul ul li a:visited { 
	color: #fff;
	float: left;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	background-color: #818d99; 
	background-image: none;
	display: block; 
	margin: 0px; 
	padding: 5px; 
	width: 171px;
	border-bottom: solid 1px #576069; 
	border-left: solid 1px #576069; 
	border-right: solid 1px #576069; }
#header #search-box-input ul ul li a:hover, 
#header #search-box-input ul ul li a:active { 
	color: #fff; 	
	background: #576069; }
#header #search-box-input ul ul li {
	width: 300px;
	background-image: none;}
/*POSITIONING THE POP OUTS*/
#header #search-box-input ul ul {
	margin-left: 2px;
	position: absolute;
	left: 0px;
	top: 23px;
	z-index: 500;
	background-image: none;
	width: 200px;}
/*HIDING & REVEALING 2 LEVEL USING :hover*/
#header #search-box-input ul ul, 
#header #search-box-input ul li:hover ul {
	display: none;}
#header #search-box-input ul li:hover ul, 
#header #search-box-input ul ul li:hover ul { 
	display: block;}




/* ############# MENU ################*/
#menu {
	float: left;
	height: 38px;
	padding: 11px 0px 5px 0px;}
#menu a:link,
#menu a:visited,
#menu a:active {
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 44px 0px 0px;
	text-decoration: none;
	color: #586170;}
#menu a:hover {
	color: #1e2947;}

/* INNER PAGE CONTAINER */
#inner-page_menu {
	padding-bottom:25px;
	background: url(../images/inner-menu_bg.gif) bottom left no-repeat;}
#inner-page_menu_home {
	padding-bottom: 0px;
	background: none;}




/* ############# LINK BAIT ############# */
#link-bait {
	padding-top: 8px;}
#link-bait a:link,
#link-bait a:visited,
#link-bait a:active {
	color: #ffffff;
	text-decoration: none;}
#link-bait a:hover {
	color: #e9ecfe;}

/* box 1*/
#link-bait #box_latest-catalogue {
	background: url(../images/link-bait_latest-catalogue.png) top left no-repeat;
	height: 105px;
	width: 105px;
	margin: 0px;
	padding: 0px;}
#link-bait #box_latest-catalogue p {
	padding: 0px;
	text-align: center;
	color: #ffffff;}
#link-bait #box_latest-catalogue p a {
	padding-top: 82px;
	padding-bottom: 0px;
	padding-left: 7px;
	display: block;}

/* box 2*/
#link-bait #box_specials {
	background: url(../images/link-bait_specials.png) top left no-repeat;
	height: 105px;
	width: 105px;
	margin: 0px;
	padding: 0px;}
#link-bait #box_specials p {
	padding: 0px;
	text-align: center;
	color: #ffffff;}
#link-bait #box_specials p a {
	padding-top: 82px;
	padding-bottom: 0px;
	padding-left: 7px;
	display: block;}

/* box 3 */
#link-bait #box_latest-range {
	background: url(../images/link-bait_latest-range.png) top left no-repeat;
	height: 105px;
	width: 105px;
	margin: 0px;
	padding: 0px;}
#link-bait #box_latest-range p {
	padding: 0px;
	text-align: center;
	color: #ffffff;}
#link-bait #box_latest-range p a {
	padding-top: 82px;
	padding-bottom: 0px;
	padding-left: 7px;
	display:block;}

#link-bait .box_padding {
	padding: 5px 0px;}




/* ############## CONTENT ############## */
/* HOME CONTENT */
#home-container {
	float: left;}
	/* # LEFT COLUMN */
	#inner-content #left_column {
		width: 360px;
		padding: 0px 0px;
		float: left;}

	/* # RIGHT COLUMN # */
	#inner-content #right_column {
		width: 550px;		
		float: left;}

/* INNER PAGE CONTENT */
#inner-content {
	min-height: 500px;
	width: 980px;}

	/* # MAIN COLUMN # */
	#inner-content #main_column {
		width: 910px;
		padding: 0px 34px;
		position: relative;
		float: left;}
	#inner-content #main_column #link-bait {
		position: absolute;
		top: 0px;
		right: 20px;
		width: 110px;}
	#inner-content #main_column #image-rotation {
		float: right;
		padding-right: 20px;}
	#inner-content #main_column .services_sections {
		width: 505px;
		padding-bottom:9px;
		height: 110px;
		background: url(../images/services-separator_bg.gif) bottom left no-repeat;}
		#inner-content #main_column .services_sections a { text-decoration:none;}
#inner-content #main_column .services_sections img{
		border:none;
}
#inner-content #main_column .services_sections img{
		border:none;
}
#inner-content #main_column .services_sections-text{
	text-decoration:none;
	color:#586170;
}
/* CONTAINERS */
#inner-container {
	float: left; 
	width: 805px;}
/* |6| Pagination */
	#pagination {
		width: 805px;
		text-align:center;
		padding: 0px 0px 15px 0px;}
	#pagination a:link,
	#pagination a:active,
	#pagination a:visited {
		display:inline-block;
		font: normal 14px Arial, Helvetica, sans-serif; 
		color: #000000;
		text-decoration: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 4px 11px 4px;
		vertical-align: middle;
		height: 22px;
		line-height: 12px;}
	*html #pagination a:link,
	*html #pagination a:active,
	*html #pagination a:visited {
		padding: 13px 4px 9px 4px;}
	*:first-child+html #pagination a:link,
	*:first-child+html #pagination a:active,
	*:first-child+html #pagination a:visited {
		padding: 0px 4px 0px 4px;
		margin: 0px 0px 0px 0px;
		line-height: normal;
		line-height: 21px;}

	#pagination a.selected:link,
	#pagination a.selected:active,
	#pagination a.selected:visited {
		font-weight: bold;}
	*html #pagination a.prev img {
		margin-top: 8px;
		padding-top: 0px;}
	#pagination a.prev img {
		padding: 0px;
		margin: 0px 0px 0px 0px;}
	#pagination a.prev:link,
	#pagination a.prev:active,
	#pagination a.prev:visited {
		display: inline;
		vertical-align: middle;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 8px 0px;}
	#pagination a.next img {
		padding: 0px;
		margin: 0px;}
	#pagination a.next:link,
	#pagination a.next:active,
	#pagination a.next:visited {
		display: inline;
		vertical-align: middle;
		width: 33px;
		height: 22px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;}
	
	/* Form Items */
	.form-container {
		background:url(../images/generic/divider.gif) left top no-repeat;
		padding: 0px 0px 0px 0px; }
	.form-container .row {
		width:805px;
		border-top:dotted 1px #CCCCCC;
		padding: 10px 0px 0px 0px;
		margin: 15px 0px 0px 0px; }
	.form-container .row-submit {
		width:710px;
		padding:0px 0px 0px 0px;
		margin: 10px 0px 0px 0px;}
	.form-container .row .item {
		width:390px;
		float:left;}
	.form-container .row .reverse-float {
		width:780px;}
	.form-container .row .reverse-float .item {
		float: right;}
	.form-container .row .item p {
		padding: 8px 5px 8px 5px;
		margin: 0px;
		font-size: 14px;
		width:94px;
		float:left;}
	.form-container .row .item-full {
		padding: 0px;
		margin: 0px 0px 0px 0px;
		width:805px;
		float:left; }
	.form-container .row .item-full p {
		font-size: 14px;
		padding: 8px 5px 8px 5px;
		margin: 0px;
		width:94px;
		float:left;}
	.form-container input {
		background: #ffffff;
		width:220px;
		height:18px;
		border:solid 1px #99a0aa;
		float:left; }
	.form-container input.checkbox {
		border:none;
		width:13px;
		margin-right: 5px;}
	.form-container input.radio {
		border:none;
		background: none;
		width:13px;
		margin-right: 5px;}
	.form-container select {
		width:200px;
		height:22px;
		border:solid 1px #99a0aa;
		float:left; }
	.form-container textarea {
		padding: 0px;
		margin: 0px 0px 16px 0px;
		background: #ffffff;
		display:block;
		width:610px;
		height:84px;
		border:solid 1px #99a0aa;
		float:left; }
		
	.form-container input.button {
		display:block;
		float:right;
		width:89px;
		height: 21px;
		border:none;
		padding: 3px 0px 5px 0px;
		margin: 0px 0px 0px 10px;
		background:url(../images/button_bg.gif) left top no-repeat;
		font: normal 12px Arial, Helvetica, sans-serif;
		color:#ffffff;}	

/* CATALOGUE PAGE */
.catalogue_catagory {
	background: url(../images/inner-menu_bg.gif) bottom left no-repeat;
	float: left;
	margin: 0px;
	padding: 15px 0px 15px 0px;}
.catalogue_catagory_image {
	float: left;}
.catalogue_text {	
	width: 131px;
	background: url(../images/catalogue_text_bg.jpg) top left no-repeat;
	text-align: center;
	padding: 5px 0px 0px 0px;
	font: bold 14px Arial, Helvetica, sans-serif;}
.catalogue_text a:link,
.catalogue_text a:active,
.catalogue_text a:visited {
	color:#586170;
	text-decoration: none;}
.catalogue_items {
	float: left;
	padding: 10px 15px 0px 0px;}
.catalogue_catagory_text {
	width:654px;
	padding: 0px 5px 5px 15px;
	float: left;}
.pdf-cont {
	height: 30px; 
	float: left; 
	margin: 5px 0px 0px 28px;}
.pdf-cont_link {
	float: left; 
	margin: 3px 0px 0px 0px; 
	text-align: left; 
	font-size: 14px; 
	padding-left: 5px;}
.catalogue_catagory_text p {
	font-size: 14px;
	padding: 3px 0px 5px 0px;}
.catalogue_catagory_text p.less-padding {
	font-size: 14px;
	line-height: 16px;
	padding: 0px 0px 0px 0px;}
.catalogue_catagory_text .line-padding {
	padding: 0px 15px;}
.catalogue_catagory_text .quantity { 
	width: 40px;
	margin-left: 10px;
	border: solid 1px #81848d;}
.catalogue_catagory_text input.button {
	width:89px;
	height: 21px;
	border:none;
	padding: 2px 0px 5px 0px;
	margin: 0px 0px 0px 10px;
	background:url(../images/button_bg.gif) left top no-repeat;
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#ffffff;}	


/* ##### PAGE - CHECKOUT ##### */
.checkout-form {
	font-size: 14px;}
.checkout-form p {
	padding: 3px 0px 25px 0px;}
.checkout-form_container {
	background: url(../images/dot-line.jpg) top left repeat-x;
	padding: 10px 0px 0px 0px;}
.trolley-icon {
	float: left;}
p.trolley-text {
	float: left; 
	color: #737f93; 
	padding: 7px 0px 0px 5px; 
	font-weight: bold; 
	font-size: 13px;}

.short-input,
.form-container .short-input {
	width: 30px;}
.med-select,
.form-container .med-select {
	width: 100px;}
.small-select,
.form-container .small-select {
	width: 40px;}
.remove-item{
	margin: 0px 0px 0px 0px;
	padding: 0px;}
.span-items-table {
	width: 805px;}
.stock-code {
	font-size: 9px; 
	font-weight: normal; 
	padding-left: 5px;}
	
.span-items {
	font-weight: normal; 
	padding-right: 20px;}
	
.span-items-name {
	font-weight: normal; 
	float: left;
	width: 235px;
	padding-right: 20px;}

.span-items-qty {
	font-weight: normal; 
	float: left;
	width: 70px;
	padding-right: 10px;}

.span-items-colour {
	font-weight: normal; 
	width: 150px;
	float: left;
	padding-right: 10px;}
	
.span-items-order {
	font-weight: normal; 
	padding-right: 10px;}
	
.span-items-size {
	font-weight: normal; 
	width: 130px;
	float: left;
	padding-right: 10px;}
	
.span-items-price {
	font-weight: normal; 
	width: 80px;
	float: left;
	margin-top: 5px;}

.checkout-form_table {
	width: 800px;
}	
.checkout-form_table tr {
	background: url(../images/form-table-bg.jpg) top left repeat-x;
	height: 30px;
	margin: 10px 0px 0px 5px;
}
.checkout-form_table td {
	margin: 5px 0px 0px 5px;
}
.span-items-name_order {
	font-weight: normal; 
	float: left;
	width: 275px;
	padding-right: 15px;}
	
.span-items-size_order {
	font-weight: normal; 
	width: 120px;
	float: left;
	padding-right: 5px;}

.span-items-price_order {
	font-weight: normal; 
	width: 100px;
	float: left;
}
.span-items-remove {
	font-weight: normal; 
	width: 80px;
	float: left;
	margin-top: 5px;}
	
.span-items_end {
	font-weight: normal; 
	padding-right: 10px;}
.checkout-form_border {
	position: relative;
	height: 40px;
	background: url(../images/form-table-bg.jpg) top left repeat-x;}


/* ############# FOOTER ############ */
#footer {	
	color: #8f8e8e;
	text-align: center;
	position: relative;	
	width: 980px;
	clear:both;}
#footer p {
	font-size: 14px;
	padding-top: 10px;}
#footer a:link,
#footer a:visited,
#footer a:active {
	color: #8f8e8e;
	text-decoration: none;}
#footer a:hover {
	color: #777777;}
#footer #footer-left {
	position: absolute;	
	top: 0px;
	left: 30px;}
#footer #footer-left p {
	font-size: 14px;}
#footer #footer-right {
	position: absolute;	
	top: 0px;
	right: 80px;}

.negative_message {
	font-size:14px;
	color:#bb2322;
	margin: 0px 0px 5px 0px	
}
.positive_message {
	font-size:14px;
	color:#2d2d2d;
	margin: 5px 0px 5px 0px;
	padding: 10px 0px 10px 5px;
	width: 100%;
	border: solid 1px #cbc8bd;
	background-color: #fef6d3;
}
.positive_tiny_text {
	font-size: 12px;
	padding-top: 5px;
	padding-left: 20px;}