body {
	background: #fff url(images/bg.gif) repeat-x left top;
	text-align: center;
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
}


div#wrapper {
	text-align: left;
	width: 940px;
	margin: 0 auto;
	background: url(images/topheaderimage.jpg) no-repeat right top;
}

img {
	border: none;
}
p {
	font-size: 0.8em;
	line-height: 1.5em;
}

p a:link, p a:visited {
	color: #2B658E;
}

p a:hover {text-decoration: underline; color: #2B658E;}

p a:active {
	color: #2B658E;
}
a {color: #000; text-decoration: none;outline: none;}

a:hover {text-decoration: underline; color: #2B658E;}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 10px 0 10px 0;
	color: #3d7095;
	border-bottom: 1px dashed #dfe2e0;
	padding-bottom: 2px;
}

h2 span {
	color: #000;
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 10px 0 10px 0;
	color: #3d7095;
	border-bottom: 1px dashed #dfe2e0;
	padding-bottom: 2px;
}

ul li ul  {display:none;}

table.searchtable tr td{
	font-size: 0.8em;
	padding: 4px;
}

ul li a:link, ul li a:visited {
	color: #2B658E;
}

ul li a:hover {text-decoration: underline; color: #2B658E;}

ul li a:active {
	color: #2B658E;
}

/* -------------- Top Banner Inclusing Logo, Nav and Basket -------------------- */


h1#logo {
	width: 335px;
	height: 83px;
	background: url(images/logo.jpg) no-repeat left top;
	margin: 0;
	cursor: pointer;
}

h1#logo span {
	display: none;
}

p#topcontact {
	margin: 0;
	text-align: center;
	width: 250px;
	font-size: 0.8em;
	font-weight: normal;
line-height: 1.4em;
}

p#topcontact a {
	text-decoration: none;
	color: #000;
}

p#topcontact a:hover {
	color: #2b658e;
}

p#topcontact span {
	font-size: 1.3em;
	color: #2a5e82;
}

div#topstrip {
	height: 38px;
	display: block;
	margin: 10px 0 7px 0;
}

ul#topnav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#topnav li {
	float: left;
	margin-top: 4px;
}

ul#topnav li a {
	float: left;
	color: #2b658e;
	font-size: 0.8em;
	text-decoration: none;
	padding: 7px 10px;
	margin-right: 15px;
}

ul#topnav li a:hover {
	color: #fff;
	background-color: #2b658e;
}

iframe {
	border: 1px solid #7bb1d7;
	padding: 4px 0 0 3px;
	background-color: #fff;
	float: right;
}

/* ------------------------------------------------- */

h3.smalltitles {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #3d7095;
	border-bottom: 1px dashed #dfe2e0;
	padding-bottom: 2px;
}

h3.smalltitles span {
	color: #000;
}
div#container {
	width: 940px;
}

div#leftpanel {
	width: 184px;
	margin-right: 13px;
	float: left;
}

div#searchpanel {
	border: 1px solid #3d7095;
	padding: 20px 10px 10px 10px;
	background-color: #fff;
	margin-bottom: 25px;
}

form.quicksearch {
	padding: 0;
	margin: 0 0 20px 0;
}

form.quicksearch fieldset {
	padding: 0;
	margin: 0;
	border: none;	
}

form.quicksearch input#search {
	border: 1px solid #407294;
	width: 125px;
	float: left;
	height: 15px;
}

form.quicksearch input#submit {
	float: left;
	background: url(images/go.gif) no-repeat left top;
	width: 27px;
	height: 19px;
	border: none;
	margin-left: 3px;
}

form.quickshop {
	padding: 0;
	margin: 0;
}

form.quickshop fieldset {
	padding: 0;
	margin: 0;
	border: none;	
}

form.quickshop select {
	width: 160px;
	margin-top: 4px;
	font-size: 0.8em;
}

form.quickshop p {
	margin: 8px 0;
	font-size: 0.75em;
}

form.quickshop input#submit {
	border: none;
	width: 158px;
	height: 20px;
	background: url(images/search.gif) no-repeat left top;
}

table.bestsellers {
	border-collapse: collapse; 
}

table.bestsellers tr td {
	font-size: 0.8em;
	padding-bottom: 19px;
}

span.bestsellers_price {
	font-size: 1.3em;
	color: #407294;
}

table.bestsellers tr td a {
	text-decoration: none;
	color: #000;
	font-size: 0.85em;
}

table.bestsellers tr td a:hover {
	color: #407294;
}

/* -------------------  Middle Content ----------------------- */

div#content {
	width: 704px;
	float: left;
	background-color: #fff;
	padding: 10px 20px 10px 19px;
}

ul#subnav {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
	width: 704px;
	overflow: auto;
}
ul#subnav li {
	float: left;
	margin: 0 3px 3px 0;
	
}
ul#subnav li a {
	text-decoration: none;
	color: #fff;
	font-size: 0.8em;
	float: left;
	border: 1px solid #fff;
	padding: 5px 7px;
	background: #2C6590;
}

ul#subnav li a:hover {
	background: #fff;
	color: #000;
}

/* ------------------------------------------------------------- */

/* -------------------------- Homepage Tabs --------------------------------- */

ul#hometabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#hometabs li {
	float: left;
	margin-bottom: 7px;
	margin-right: 8px;
}

ul#hometabs li a {
	float: left;
	width: 224px;
	height: 126px;
}

ul#hometabs li a span {
	display: none;
}

#outdoorwalllights {background: url(images/outdoorwalllights.jpg) no-repeat left top;}
#bricklights {background: url(images/bricklights.jpg) no-repeat left top;}
#displaylights {background: url(images/displaylights.jpg) no-repeat left top;}
#burieduplights {background: url(images/burieduplights.jpg) no-repeat left top;}
#floodlights {background: url(images/floodlights.jpg) no-repeat left top;}
#guidelights {background: url(images/guidelights.jpg) no-repeat left top;}
#postsandbollards {background: url(images/postsandbollards.jpg) no-repeat left top;}
#pedestals {background: url(images/pedestals.jpg) no-repeat left top;}
#ledlights {background: url(images/ledlights.jpg) no-repeat left top;}
#noveltylights {background: url(images/noveltylights.jpg) no-repeat left top;}
#matchingproducts {background: url(images/matchingproducts.jpg) no-repeat left top;}
#allproducts {background: url(images/allproducts.jpg) no-repeat left top;}


/* ---------------- Shop Section --------------------------- */

span.tree {
	font-size: 0.8em;
	color: #000;
}

span.tree a {
	text-decoration: none;
	color: #000;
}
span.tree a:hover {
	color: #2b658e;
}

body.iframe {
	margin: 0;
	text-align: left;
}

body.iframe img {float:left;padding: 3px 6px 0 0;}

body.iframe p {font-size: 0.85em;float:left;margin:0;line-height: 1em;}
body.iframe p a{text-decoration: none; color: #000;}
body.iframe p a:hover {color: #34678c;}
body.iframe p span {font-size: 0.8em;}

table.listing {
	border-collapse: collapse;
	background-color: #e7f1f8;
	width: 100%;
}

table.listing tr td {
	padding: 15px;
}

table.smallproduct {
	border-collapse: collapse;
	float: left;
	background-color: White;
	margin-right: 44px;
	width: 190px;
height: 245px;
}

table.smallproduct tr td, table.smallproduct-nomargin tr td {
padding: 0!important;
}

table.smallproduct tr td a, table.smallproduct-nomargin tr td a{
padding: 0!important;
font-size: 0.9em;
text-decoration: none;
color: #000;
}

table.smallproduct-nomargin {
	border-collapse: collapse;
	float: left;
	background-color: White;
	width: 190px;
height: 245px;
}

span.prod_price {color: #2b658e;}

a.moreinfo {font-size: 0.8em!important;}
a.moreinfo:hover {color: #2b658e;}

p.next a {color: #000;text-decoration:underline;}
p.next  a:hover {color:#2B658E;}

a.filtertype {border: 1px dotted #2B658E; padding: 3px 8px; color: #2B658E;}
a.filtertype:hover {background-color: #2B658E; color: #fff; text-decoration: none;}

ul#sublinks {margin: 0; padding: 0; list-style-type: none;}

div.frame {
	width: 224px;
	height: 190px;
	background: url(images/frame.jpg) no-repeat left top;
	z-index: 10;
	text-align: center;
}

div.holdingimage {
	position:relative;
	top:5px;
	left:3px;
	width: 218px;
	height: 147px;
	z-index: 1;
	
}

p.matchingtexts a{
	font-size: 0.85em;
	color: #fff;
	text-decoration: none;
margin: 4px 0 0 3px;
}

p.matchingtexts a:hover {
	text-decoration: none;
	color: #E7F1F8;
}



/*
div.frame {
	width: 224px;
	height: 190px;
	background: url(images/frame.gif) no-repeat left top;
	z-index: 10;
	position:absolute;
	top: 0;
	left: 0;
}
div.holdingimage {
	width: 224px;
	height: 190px;
	position: relative;
}

div.holdingimage img {
	position:absolute;
	top:7px;
	left:3px;
	width: 218px;
	height: 147px;
	z-index: 1;
	
}

p.matchingtexts a{
	font-size: 0.85em;
	color: #fff;
	text-decoration: none;
margin: 4px 0 0 3px;
}

p.matchingtexts a:hover {
	text-decoration: none;
	color: #E7F1F8;
}

*/

/*---------[ tpl_product, tpl_shop] ----------*/

table.mainproductbg {
	border-collapse: collapse;
	background-color: #e7f1f8;
	width: 100%;
margin: 10px 0;
}

table.mainproduct {background-color: #fff; width: 100%;}

table.mainproduct tr th {
padding: 10px 0 2px 15px;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
	color: #3d7095;
	border-bottom: 1px dashed #dfe2e0;
}


table.mainproductbg tr td {
	padding: 15px;
}

p.mainprice {
	color: #2b658e;
	font-size: 1.3em;
	margin: 0;
}

table.associatedproducts {
float: left;
width: 190px;
border-collapse: collapse;
margin-right: 10px;
}

table.associatedproducts tr td {padding: 4px; font-size: 0.8em;}

span.associatedname {
	font-size: 1em!important;
	color: #2b658e;
	display: block;
}
/*---------[ END tpl_product, tpl_shop] ----------*/

/*--------- [ tpl_viewcart ] --------*/

#tpl_viewcart1, #tpl_viewcart2 {
	background: #fff;
	color: #000;
	border: 1px solid #E7F1F8;
	font-size: 0.8em;
	border-collapse: collapse;
	width: 650px;
	margin: 0 auto 10px auto;
}
#tpl_viewcart1 tr td, #tpl_viewcart2 tr td {
	padding: 4px;
}
#tpl_viewcart1 th {
	text-align: left;
	background: #E7F1F8;
	color: #2b658e;
	font-weight: normal;
	font-size: 1.1em;
	padding: 4px;
}

input.formbutton, input.button, input.secure_button, input.go_button {
	border: none;
	background-color: #2b658e;
	color: #E7F1F8;
	padding: 2px 5px;
}

/*--------- [ END tpl_viewcart ] --------*/

/*--------- [ tpl_checkout ] --------*/

table.tpl_checkout {
	width: 650px;
	background: #fff;
	font-size: 0.8em;
	border-collapse: collapse;
	padding: 0; 
	margin: 0 auto;
}

table.tpl_checkout td, .tpl_checkout th {
	padding: 4px;
}

table.tpl_checkout th {
	font-size: 1.1em;
	text-align: left;
	background-color: #E7F1F8;
	color: #2b658e;
	font-weight: normal;
}

/*--------- [ END tpl_checkout ] --------*/

/*-------------- [ tpl_addprod ] ------------------*/

table.tpl_addprod {
	width: 650px;
	margin: 0 auto;
	border: 1px solid #2b658e;
	background: #fff;
	font-size: 0.8em;
	border-collapse: collapse;
}

table.tpl_addprod tr td {
	padding: 4px;
}

/*------------ [ END tpl_addprod ] ------------------*/

div#contactinfo {
	float: left;
clear:left;
border:1px solid #2B658E; 
font-size: 1.1em;
background-color: #E7F1F8;
padding: 10px;
margin: 10px 0 20px;
width:18em;
}

form#contactusform {
	width: 340px;
	border: 1px solid #2b658e;
	background-color: #E7F1F8;
float: left;
margin-bottom: 20px;
}

form#contactusform fieldset {
	width: 330px;
	border: none;
	padding: 5px;
}

form#contactusform p {
	margin: 4px 0;
}

form#contactusform label {
	text-align: right;
	padding: 0 0.8em 0 0;
	margin-top: 0.3em;
	width: 9em;
	display: block;
	float: left;
	clear: left;
	color: #2b658e;
}

form#contactusform input.field, #contactusform textarea.field {
	float: left;
	margin-top: 0.5em;
	width: 14em;
	border: 1px solid #2b658e;
}

#contactusform textarea.field {
	width: 14.5em;
	border: 1px solid #2b658e;
}

form#contactusform input.submit {
	margin: 5px 0 0 0;
	background-color: #2b658e;
	color: #E7F1F8;
	border:none;
	padding: 2px 5px;
}

/*--------------- [ tpl_links ] -------------*/

.tpl_links {
	width: 100%;
	background: #fff;
font-size: 0.85em;
}

.tpl_links a.title {
	font-size: 1.2em;
	font-weight: normal;
	display: block;
	clear: both;
	margin: 2px 0;
padding: 5px 0 4px 0;
color: #2C6590;
border-bottom: 1px dashed #DFE2E0;
}

.tpl_links a.title:hover {text-decoration: none; color: #000;}

.tpl_links img {
	float: left;
	margin: 0 10px 10px 0;
}

/*------------ [ END tpl_links ] ------------------*/

/* ------------------ Footer ----------------------*/

div#footer {
	height: 80px;
	border-top: 10px solid #e7f1f8;
	border-bottom: 10px solid #e7f1f8;
	clear: both;
}

div#innerfooter {
	width: 940px;
	margin: 15px auto 0;
}

div#innerfooter p {
	text-align: left;
	margin: 0;
}

div#innerfooter p span {
	color: #2b658e;
}

div#innerfooter p a {
	text-decoration: none;
	color: #2b658e;
}

div#innerfooter p a:hover {
	text-decoration: underline;
}

img.small_logo {
	float: left;
	margin-right: 15px;
}

img.cardlogos {
	float: right;
}
#bf {
      color: #b6d3e8;
      padding-top: 4px;
      font-weight: normal;
      font-size: 0.75em;
      text-align: right;
      margin: 0 auto;
      width: 940px;
      clear: both;
}

#bf a {
      color: #b6d3e8; 
      text-decoration: none;
}

#bf a:hover {
      color: #b6d3e8;
      text-decoration: underline;
}

#bf span a, #bf span a:hover {
      color: #b6d3e8;
      font-weight: normal; 
      text-decoration: none;
}