/* CSS Document */

* {
		margin: 0;
		padding: 0;
        }

body {
		background-color: #fbfbfb;
		color: #333;
        font-size: small;
		border: none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		
H1 {
		margin: 0 0 1em 0;
		padding: 0.5em 10px 0.5em 10px;
		border: #444444 1px solid;
		font-size: 120%;
		text-align: center;
		}

H2 {
		margin: 0 0 1em 0;
		padding: 0.5em 10px 0.5em 0;
		font-size: 110%;
		text-align: left;
		}
		
P {
		margin-bottom: 1em;
		}
				
A {
		text-decoration: none;
    	}

A:hover {
        text-decoration: underline;
		color: #325fa9;
        }
		
A IMG {
	border: 0;
}

UL {
		margin: 0;
		padding: 0;
		border: 0;
}

FORM {
		margin: 0;
		padding: 0;
		border: 0;
}

TABLE {
		margin: 0;
		padding: 0;
		border: none;
}
	


		
		
#pageShadow {
	width: 965px;
	margin: 0 auto 0 auto;
	padding: 0 0 5px 0;
	border: none;
	background-color: #d9d8d9;
	}
		
#container {
	width: 955px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 1px solid #325fa9;
	border-top: none;
	background: #ffffff url(../graphics/css/bg_container.jpg) top left no-repeat;
	}

#header {
	display: block;	
	width: 955px;
	margin: 0 auto;
	}
	
#logo {
	float: left;
	margin: 10px;
	}
	
#rightHead {
	margin: 0 10px 0 400px;
	text-align: right;	
	}

#query {
	margin: 10px 0 10px 775px;
}

#query input.entry {
	width: 125px;
	font-size: 12px;
	padding: 3px;
	border: 1px solid #325fa9;
	background: #ffffff url(../graphics/css/bg_search.gif) top right no-repeat;
}

#query input.entry:focus {
	background-image: none;
	background-color: #ffffff;
}


#query img {
	padding: 2px 0 0 2px;
	border: none;
	vertical-align:top;
}

	
#navigation, #main {
	clear: both;
	width: 935px;
	margin: 10px auto 10px auto;
	padding: 0;
	border: 0;
	}

#sectionLinks, #serviceLinks {
	text-align: center;
}
	
#sectionLinks {
	background: transparent url(../graphics/css/bg_sectionLinks.gif) top left no-repeat;
	border-bottom: #000000 1px solid;
}

#serviceLinks {
	background: transparent url(../graphics/css/bg_serviceLinks.gif) bottom left no-repeat;
}

#sectionLinks UL, #serviceLinks UL {
	padding: 6px 0 6px 0;
}

#sectionLinks LI, #serviceLinks LI {
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	font-size: 13px;
}

#sectionLinks LI {
	padding: 11px 25px 4px 25px;
	background: transparent url(../graphics/css/sep_sectionLinks.gif) no-repeat;
	background-position: right bottom;
}

#serviceLinks LI {
	padding: 11px 25px 4px 25px;
	background: transparent url(../graphics/css/sep_serviceLinks.gif) no-repeat;
	background-position: right bottom;
}

#sectionLinks LI.last, #serviceLinks LI.last {
	padding: 11px 25px 4px 25px;
	background: none;
}

#sectionLinks a {
	color: #ffffff;
	}
	
#serviceLinks a {
	color: #325fa9;
}

#breadcrumbs P {
	background: transparent url(../graphics/css/bg_breadcrumbs.gif) top left no-repeat;
	margin: 10px auto 0 auto;
	padding: 4px 5px 5px 8px;
	font-size: 10px;
}


#leftNav {
	float: left;
	width: 210px;
	
}

#leftNav UL {
	margin-bottom: 120px;
}

#leftNav LI {
	display: block;
	margin-top: 5px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}


#leftNav P {
	display: block;
	width: 200px;
	margin: 0;
	padding: 3px 2px 0.8ex 8px;
	font-size: 11px;
}

#leftNav a, #leftNav a:visited {
	color: #ffffff;
	text-decoration: none;
}


#rightNav {
	float: right;
	width: 160px;
}



#rightNav LI {
	display: block;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}



#content {
		margin: 0 171px 0 211px;
		padding: 0 10px 0 10px;
		border-left: 1px dashed #444444;
		border-right: 1px dashed #444444;
  		}
		
#catalogue-sections H3, #catalogue-sections P {
	margin: 1ex 0 1ex 0;
	padding: 1ex 0 1ex 0;
	border-bottom: #555555 1px solid;
}

#catalogue-sections H3 {
	font-weight: bold;
	font-size: 100%;
}

#catalogue-sections IMG {
	padding-right: 10px;
}

#catalogue-sections IMG.section {
	vertical-align: middle;
}



#content table.diagrams td {
	padding: 3px;
	}



#itemslist, #refineform {
	width: 522px;
	margin-top: 10px;
}

#refineform {
	text-align: right;
}

#itemslist table {
	/* width also set in HTML perl page generation */
	width: 520px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-bottom: #555555 1px solid;
	text-align: left;
	}

#itemslist th {
	padding: 3px 5px;
	text-transform: capitalize;
	}

#itemslist td {
	padding: 5px 0 5px 5px;
	font-size: 85%;
	background-color: #ffffff;
	}

#itemslist td.logo, #itemslist td.product_thumb, #itemslist td.basket_options {
	text-align: right;
	width: 130px;
	}
	
#itemslist td.sku p, #itemslist td.size p, #itemslist td.type p, #itemslist td.price p, #itemslist td.basket_options p {
	margin: 0;
	padding: 0;
}
	
#itemslist td.basket_options {
	vertical-align: baseline;
	}

#itemslist td.description img {
	margin: 0 0 10px 10px;
	}

#itemslist td.product_thumb img {
	margin-top: 10px;
	}

#itemslist td.sku {
	width: 115px;
	font-weight: bold;
	vertical-align: baseline;
	overflow: hidden;
	}

#itemslist td.size {
	width: 85px;
	vertical-align: baseline;
	}

#itemslist td.type {
	vertical-align: baseline;
	}

#itemslist td.price {
	text-align: right;
	width: 80px;
	vertical-align: baseline;
	}

#itemslist td ul, #itemslist td ol, #content ul {
	margin: 3px 0 10px 15px;
	}

#itemslist td li {
	padding: 3px 0;	
	}

#itemslist input {
	width: 20px;
	border: #444444 1px solid;
	margin: 0;
	padding: 1px;
	text-align: right;
	font-size: 90%;
	}
	
#itemslist .strikethru {
		color: #999999;
		text-decoration: line-through;
		}
		
#itemslist .special {
		color: #ff0000;
		font-weight: bold;
		font-size: 120%;
		}

#itemslist .spectable table {
	margin-top: 10px;
	width: 340px;
	border-bottom: none;
	}

#itemslist .spectable td {
	padding: 2px 5px;
	border: 1px solid #e5e5e5;
	font-size: 90%;
	}
	
#itemslist td ul, #itemslist td ol, #itemslist td h3 {
	line-height: 1em;
	font-size: 90%;
	}
	
#itemslist td.description a {
	border-bottom: 1px dotted #444444;
}

#itemslist select {
	margin-bottom: 5px;
}

#itemslist TD A.icon {
	border-bottom: none;
}	
	
#itemslist TD .icon IMG {
	padding-top: 5px;
	vertical-align: middle;
}







#leftNav LI.green {
	background: transparent url(../graphics/css/bg_leftNav_green.gif) top left no-repeat;
}
#leftNav LI.green P {
	background: transparent url(../graphics/css/bg_leftNav_green.gif) bottom left no-repeat;
}
#leftNav LI.green a, #leftNav LI.green a:hover {
	color: #ffffff;
}

#leftNav LI.orange {
	background: transparent url(../graphics/css/bg_leftNav_orange.gif) top left no-repeat;
}
#leftNav LI.orange P {
	background: transparent url(../graphics/css/bg_leftNav_orange.gif) bottom left no-repeat;
}
#leftNav LI.orange a, #leftNav LI.orange a:hover {
	color: #ffffff;
}


#leftNav LI.mustard {
	background: transparent url(../graphics/css/bg_leftNav_mustard.gif) top left no-repeat;
}
#leftNav LI.mustard P {
	background: transparent url(../graphics/css/bg_leftNav_mustard.gif) bottom left no-repeat;
}
#leftNav LI.mustard a, #leftNav LI.mustard a:hover {
	color: #ffffff;
}

#leftNav LI.pink {
	background: transparent url(../graphics/css/bg_leftNav_pink.gif) top left no-repeat;
}
#leftNav LI.pink P {
	background: transparent url(../graphics/css/bg_leftNav_pink.gif) bottom left no-repeat;
}
#leftNav LI.pink a, #leftNav LI.pink a:hover {
	color: #ffffff;
}


#leftNav LI.pastel {
	background: transparent url(../graphics/css/bg_leftNav_pastel.gif) top left no-repeat;
}
#leftNav LI.pastel P {
	background: transparent url(../graphics/css/bg_leftNav_pastel.gif) bottom left no-repeat;
}
#leftNav LI.pastel a, #leftNav LI.pastel a:hover {
	color: #ffffff;
}


#leftNav LI.red {
	background: transparent url(../graphics/css/bg_leftNav_red.gif) top left no-repeat;
}
#leftNav LI.red P {
	background: transparent url(../graphics/css/bg_leftNav_red.gif) bottom left no-repeat;
}
#leftNav LI.red a, #leftNav LI.red a:hover {
	color: #ffffff;
}


#leftNav LI.yellow {
	background: transparent url(../graphics/css/bg_leftNav_yellow.gif) top left no-repeat;
}
#leftNav LI.yellow P {
	background: transparent url(../graphics/css/bg_leftNav_yellow.gif) bottom left no-repeat;
}
#leftNav LI.yellow a, #leftNav LI.yellow a:hover {
	color: #444444;
	
}


#leftNav LI.khaki {
	background: transparent url(../graphics/css/bg_leftNav_khaki.gif) top left no-repeat;
}
#leftNav LI.khaki P {
	background: transparent url(../graphics/css/bg_leftNav_khaki.gif) bottom left no-repeat;
}
#leftNav LI.khaki a, #leftNav LI.khaki a:hover {
	color: #ffffff;
}


#leftNav LI.violet {
	background: transparent url(../graphics/css/bg_leftNav_violet.gif) top left no-repeat;
}
#leftNav LI.violet P {
	background: transparent url(../graphics/css/bg_leftNav_violet.gif) bottom left no-repeat;
}
#leftNav LI.violet a, #leftNav LI.violet a:hover {
	color: #ffffff;
}




#leftNav LI.raspberry {
	background: transparent url(../graphics/css/bg_leftNav_raspberry.gif) top left no-repeat;
}
#leftNav LI.raspberry P {
	background: transparent url(../graphics/css/bg_leftNav_raspberry.gif) bottom left no-repeat;
}
#leftNav LI.raspberry a, #leftNav LI.raspberry a:hover {
	color: #ffffff;
}


#leftNav LI.purple {
	background: transparent url(../graphics/css/bg_leftNav_purple.gif) top left no-repeat;
}
#leftNav LI.purple P {
	background: transparent url(../graphics/css/bg_leftNav_purple.gif) bottom left no-repeat;
}
#leftNav LI.purple a, #leftNav LI.purple a:hover {
	color: #ffffff;
}


#leftNav LI.brown {
	background: transparent url(../graphics/css/bg_leftNav_brown.gif) top left no-repeat;
}
#leftNav LI.brown P {
	background: transparent url(../graphics/css/bg_leftNav_brown.gif) bottom left no-repeat;
}
#leftNav LI.brown a, #leftNav LI.brown a:hover {
	color: #ffffff;
}


#leftNav LI.black {
	background: transparent url(../graphics/css/bg_leftNav_black.gif) top left no-repeat;
}
#leftNav LI.black P {
	background: transparent url(../graphics/css/bg_leftNav_black.gif) bottom left no-repeat;
}
#leftNav LI.black a, #leftNav LI.black a:hover {
	color: #ffffff;
}


#leftNav LI.seablue {
	background: transparent url(../graphics/css/bg_leftNav_seablue.gif) top left no-repeat;
}
#leftNav LI.seablue P {
	background: transparent url(../graphics/css/bg_leftNav_seablue.gif) bottom left no-repeat;
}
#leftNav LI.seablue a, #leftNav LI.seablue a:hover {
	color: #ffffff;
}


#leftNav LI.advocado {
	background: transparent url(../graphics/css/bg_leftNav_advocado.gif) top left no-repeat;
}
#leftNav LI.advocado P {
	background: transparent url(../graphics/css/bg_leftNav_advocado.gif) bottom left no-repeat;
}
#leftNav LI.advocado a, #leftNav LI.advocado a:hover {
	color: #ffffff;
}


#leftNav LI.lime {
	background: transparent url(../graphics/css/bg_leftNav_lime.gif) top left no-repeat;
}
#leftNav LI.lime P {
	background: transparent url(../graphics/css/bg_leftNav_lime.gif) bottom left no-repeat;
}
#leftNav LI.lime a, #leftNav LI.lime a:hover {
	color: #ffffff;
}


#leftNav LI.plum {
	background: transparent url(../graphics/css/bg_leftNav_plum.gif) top left no-repeat;
}
#leftNav LI.plum P {
	background: transparent url(../graphics/css/bg_leftNav_plum.gif) bottom left no-repeat;
}
#leftNav LI.plum a, #leftNav LI.plum a:hover {
	color: #ffffff;
}


#leftNav LI.grey {
	background: transparent url(../graphics/css/bg_leftNav_grey.gif) top left no-repeat;
}
#leftNav LI.grey P {
	background: transparent url(../graphics/css/bg_leftNav_grey.gif) bottom left no-repeat;
}
#leftNav LI.grey a, #leftNav LI.grey a:hover {
	color: #ffffff;
}


































	
	
	

	
	
	
#end {
	clear: both;
	width: 935px;
	margin: 0 auto 0 auto;
	padding: 0;
	border-bottom: solid 1px #bd1e70;
	}
	
#end p {
	margin: 0;
	padding: 10px 10px 10px 210px;
	font-size: 10px;
	}
	
#end a img {
	border: none;
	vertical-align: middle;
	}
	
#end a, #end a:hover, #end a:visited {
	text-decoration: none;
	color: #636466;
	}
	
	
	
	
#footer {
	clear: both;
	width: 935px;
	margin: 0 auto 0 auto;
	padding: 10px;
	}
	
#footer p {
	margin: 0;
	padding: 10px 0 10px 0;
	color: #717372;
	font-size: 10px;
	}
	
#footer a {
	color: #717372;
	text-decoration: none;
	}
	
#footer a.faded {
	color: #d4d4d4;
	}	
	
#footer a:hover {
	color:#325fa9;
	text-decoration: underline;
	}
	
#footer .faded {
	color: #d4d4d4;
	}
	
#footer a.faded {
	color: #d4d4d4;
	}	

#notices {
	float: left;
	width: 790px;
	margin: 0;
	padding: 0;
	}
	
#webdesign {
	margin: 0;
	padding: 0 0 0 800px;
	text-align: right;
	}

	
	

#rightNav dl dd {
	margin: 0;
	padding: 10px 5px 5px 30px;
	background: transparent url(../graphics/css/bg_dl_panel_top.gif) top left no-repeat;
	}
	
#rightNav dl {
	margin: 10px 0;
	padding: 0;
	}
	
#rightNav dl img {
	margin: 10px 0 10px 10px;
	}	
	
#rightNav dl p {
	margin-top: 1ex;
	text-align: left;
	font-size: 11px;
	}	

#rightNav dl a {
	color: #444444;
	}
	
dl.have-you-seen {
	background: #b8b8b8 url(../graphics/css/bg_dl_panel_have-you-seen.gif) bottom left no-repeat;
	}
	
dl.do-you-need {
	background: #b8b8b8 url(../graphics/css/bg_dl_panel_do-you-need.gif) bottom left no-repeat;
	}
	
dl.also-available {
	background: #b8b8b8 url(../graphics/css/bg_dl_panel_also-available.gif) bottom left no-repeat;
	}
	
dl.our-catalogue {
	background: #b8b8b8 url(../graphics/css/bg_dl_panel_our-catalogue.gif) bottom left no-repeat;
	}
	
dl.free-gift {
	background: #b8b8b8 url(../graphics/css/bg_dl_panel_free-gift.gif) bottom left no-repeat;
	}
	
#rightNav dl.basket dd {
	margin: 0;
	padding: 5px;
	background: transparent url(../graphics/css/bg_basket_top.gif) top left no-repeat;
	}
	
#rightNav dl.basket {
	margin: 10px 0;
	padding: 0;
	}
	
#rightNav dl.basket p {
	margin: 2px auto 5px auto;
	text-align: center;
	font-size: 11px;
	color: #ffffff;
	}	

#rightNav dl.basket a {
	color: #ffffff;
	}
	
#rightNav dl.basket p.summary {
	background: #ffffff url(../graphics/css/bg_basket_summary.gif) top left no-repeat;		
	color: #444444;
	margin: 0;
	padding: 5px 0 10px 0;
	}	
	
dl.basket {
	background: #c90f76 url(../graphics/css/bg_basket_bottom.gif) bottom left no-repeat;
	}
	
#basketform {
	width: 520px;
	}
	
	
	
#basketform table {
	margin: 15px 0 15px 0;
	background-color: #efb7d6
	}
	
#basketform th {
	background-color: #efb7d6;
	color: #c90f76;
	font-size: 90%;
	padding: 2px 5px 2px 5px;
	}
	
#basketform td {
	background-color: #fbecf4;
	color: #717372;
	font-size: 90%;
	padding: 2px 5px 2px 5px;
	}
		
#basketform input {
	border: solid 1px #efb7d6
	}
		
#basketform a {
		border-bottom: none;
		}
		
#basketform a:hover {
		border-bottom: none;
		color: #ff173d;
		text-decoration: none;
		}
		
#basketform a {
		border-bottom: none;
		color: #717372;
		}		
	
	

	
#basketform table {
	margin: 15px 0 15px 0;
	background-color: #c90f76;
	}
	
#basketform th {
	background-color: #c90f76;
	color: #ffffff;
	font-size: 90%;
	padding: 2px 5px 2px 5px;
	}
	
#basketform td {
	background-color: #fbecf4;
	color: #444444;
	font-size: 90%;
	padding: 2px 5px 2px 5px;
	}
		
#basketform input {
	border: solid 1px #c90f76;
	}
		
#basketform a {
		border-bottom: none;
		}
		
#basketform a:hover {
		border-bottom: none;
		color: #ff173d;
		text-decoration: none;
		}
		
#basketform a {
		border-bottom: none;
		color: #717372;
		}	
	
	
	
.rednote {
	color: red;
	}
	
.brandLogos {
	text-align: center;
	}	
	
.brandLogos IMG {
	padding: 10px;
	}	
	
.brandLogos A {
	padding-right: 20px;
	}
	
.smallnote {
	font-size: 90%;
	}