/* --- css document by Richard Henry for West Midlands Media for LJ Millington  --- */

body {
margin:0;
padding:0;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:medium;
background-attachment:fixed;
background-color:#fffffff;
background-image:url(../pictures/backtopwhite.png);
background-position:top left;
background-repeat:repeat-x
}
p {
font-size:92%;
line-height:1.8em;
font-weight:400;
margin:0;
padding:0
}
strong, b {
font-weight:800
}
a {
text-decoration:none
}
em {
font-style:italic
}
h1, h2, h3 {
clear:left
}

#container {
/*position:relative;
bottom:0;
left:0;
/*height:100%;*/
/*padding-bottom:1px;
min-height:1250px;/*
width:100%;
/*background-image:url(../pictures/backbottomtop.png);
background-position:bottom left;
background-repeat:repeat-x*/
}
#page {
width:744px;
margin:0 auto;
padding:0;
height:100%
}
#header {
margin:8px 0 0 0;
width:100%;
height:328px;
max-height:328px
}
#headerimage {
position:absolute;
z-index:1;
}
.headerbar {
height:30px;
background:#6f8595 url(../pictures/headerstrip.png) repeat-x top left
}
.headerbar a, #headerstrip #phonelink {
color:#b1bdc6;
text-decoration:none;
font-weight:800;
font-size:80%
}
.headerbar a:hover {
color:white
}
#headerstrip {
height:30px;
width:600px;
float:left;
display:inline;
margin:1px 0 0 0;
border-right:2px solid #c8c8c8
}
#homelink {
float:left;
height:30px;
width:137px;
margin:1px 0 0 3px;
background:url(../pictures/homelinkbackground.png) no-repeat top left;
}
#homelink a {
float:left;
margin:6px 0 0 30px;
}
#headerstrip #phonelink {
float:left;
margin:6px 0 0 18px
}
#customerlink {
float:right;
margin:4px 16px 0 0
}
#customerlink a img {
margin:0 6px 0 16px
}

#search {
position:relative;
width:156px;
top:46px;
left:569px;
z-index:1000;
}
#search #searchbox {
width:156px;
height:34px;
background-color:transparent
}

#search form {
font-size:66%;
border:0
}
#productsearch {
border:0;
height:14px;
background-color:transparent;
width:123px;
margin:-2px 0 0 2px;
cursor:text
}
#searchbox .gosearch {
clear:left;
float:left;
display:inline;
margin:0 10px 0 0
}
.searchdescription {
margin:3px 6px 6px 0;
padding:2px;
/*font-size:80%;*/
width:478px;
height:100%;
float:left;
display:inline
}
#searchlist {
font-size:80%
}
.searchlisting {
clear:both;
float:left;
margin:6px 14px 6px 0;
padding-bottom:2px;
width:574px;
height:100%;
background:#e6e6e6
}
.searchlisting a h3 {
font-weight:bolder;
background:#496579;
color:#ccdde3;
padding:2px 0;
text-indent:3px
}
.searchlisting a:hover h3 {
color:#ffffff
}
.searchlisting p {
padding:2px 2px 2px 4px;
/*height:100%;
overflow:visible*/
}
.searchthumb {
float:right;
display:block;
margin:26px 4px 6px 6px;
border:1px solid #bababa
}
/* --- leftcolumn --- */

#leftcolumn {
/*clear:left;*/
float:left;
height:100%;
margin-left:2px;
background:#f2f2f2;
display:block;
padding-bottom:10px
}
#leftmenu {
width:136px;
height:100%
}
.leftlink {
height:30px;
margin:2px 0 3px 2px
}
.leftlink a {
width:135px;
height:30px;
display:block;
text-decoration:none;
color:#414141;
background:#e6e6e6 url(../pictures/arrowpale.gif) no-repeat 7px 6px;
cursor:pointer
}
.leftlink a:hover {
background:#4a667a url(../pictures/arrowblue.gif) no-repeat 7px 6px;
color:white
}
.leftlink a h3 {
float:left;
margin:8px 0 0 30px;
padding:0;
font-size:66%
}

#newsletter, #quickenquiry {
background:#4a667a;
width:136px;
padding:0;
margin:20px 0 0 0;
background-position:28px 8px;
background-repeat:no-repeat;
cursor:pointer;
clear:left
}
#newsletter {
background-image:url(../pictures/newslettersignup.gif);
height:44px
}
#quickenquiry {
background-image:url(../pictures/quickenquiry.gif);
height:44px;
}
#signup, #callback {
background:#4a667a;
width:136px;
padding:0;
height:111px
}
#signup p, #callback p {
padding:8px;
color:white;
font-size:80%
}
#leftcolumn .fields {
float:left;
margin:18px 0 0 28px
}
#leftcolumn form input {
float:left;
margin:0 0 10px 0
}
img.leftformarrow {
margin:6px 0 0 4px
}

/* --- basic and reused page elements ---*/

#main {
width:742px;
background-color:white;
float:left;
height:100%;
padding:0;
margin:0;
background-image:url(../pictures/lefttrim.gif);
background-position:top left;
background-repeat:repeat-y
}
#rightmain {
float:left;
margin:0 0 0 16px;
padding:0 0 8px 0;
min-height:609px;
height:auto !important;
height:609px;
width:588px;
/*border-bottom:1px solid #CCCCCC;*/
background-image:url(../pictures/righttrim.gif);
background-position:top right;
background-repeat:repeat-y;
}
#breadcrumb {
width:552px;
height:24px;
overflow:hidden;
color:#ccdde3;
clear:left;
float:left;
background:url(../pictures/breadcrumb.png) no-repeat top left;
font-size:80%;
font-weight:700;
margin:4px 0 10px 4px
}
#breadcrumb a, #breadcrumb h2, #breadcrumb a h2 {
clear:none;
float:left;
display-inline;
margin:2px 0 0 6px;
text-decoration:none;
color:#ccdde3;
cursor:pointer
}
#breadcrumb a:hover, #breadcrumb a:hover h2 {
color:#ffffff
}
#breadcrumb a.breadhome {
margin-left:26px
}
#maintitle {
margin:20px 0 10px 4px
}
.information {
clear:left;
float:left;
margin:8px 0 10px 8px;
height:100%;
width:514px;
padding:6px;
font-size:80%;
line-height:1.4em
}
#aboutpage .information {
width:90%
}
#aboutpage .information p {
width:100%
}
.showproducts {
clear:both;
height:100%
}
.categorybox {
width:165px;
height:166px;
background:url(../pictures/category_frame.png) no-repeat top left;
float:left;
margin:12px 16px 12px 4px
}
.categorylistbox {
position:relative;
width:267px;
height:241px;
background:url(../pictures/categorylist_frame.png) no-repeat top left;
float:left;
display:inline;
margin:12px 9px 12px 4px
}
.categorylistbox a h3 {
margin:15px 0 0 30px;
color:#ccdde3;
font-size:80%;
font-weight:700;
height:32px;
text-decoration:none;
cursor:pointer
}
.categorylistbox a:hover h3 {
color:#ffffff
}
.categorylistbox .catimage {
background:#ffffff;
border:3px solid #cccccc;
width:auto;
height:auto;
clear:both;
float:right;
padding:0 3px;
margin:24px 18px 0 0
}
.categorylistbox .catdescription {
width:112px;
height:180px;
clear:left;
float:left;
margin:20px 10px 0 24px;
font-size:76%
}
.more {
/*float:right;
margin:24px 20px 0 0;*/
position:absolute;
left:20px;
bottom:14px;
width:71px;
height:22px;
background-image:url(../pictures/more.png);
background-position:top left;
background-repeat:no-repeat
}
a.catmore {
color:#ccdde3;
font-weight:800;
text-decoration:none;
font-size:86%;
float:left;
margin:2px 0 0 28px
}
a:hover.catmore {
color:white
}

#paginglinks {
clear:both;
float:right;
display:block;
height:30px;
margin:10px 40px 10px 0
}
#paginglinks a {
text-decoration:none
}
.currentpage {
float:left;
margin:0 5px;
background-color:#496579;
color:white;
font-weight:bold;
padding:2px 3px;
border:1px solid #496579
}
#paginglinks a:hover .currentpage { 
color:red;
cursor:pointer
}
.pages {
float:left;
margin:0 5px;
background-color:white;
color:#496579;
font-weight:bold;
padding:2px 3px;
border:1px solid #496579
}
#paginglinks a:hover .pages { 
background-color:#fff5ce;
cursor:pointer
}

/* --- product detail --- */

#productbox {
position:relative;
width:557px;
height:100%;
background:#e6e6e6 url(../pictures/product_frame.png) no-repeat top left;
float:left;
margin:12px 9px 0 4px
}
#productbox h3 {
float:left;
margin:16px 0 0 33px;
color:white;
font-size:80%;
font-weight:700
}
#productboxbase {
float:left;
width:557px;
background:url(../pictures/productdetailbase.png) no-repeat top left;
margin:0 9px 0 4px
}
img.enquireproduct {
clear:both;
float:right;
margin:10px 0 0 10px;
display:block;
height:25px
}

#productimage {
float:right;
display:inline;
margin:66px 35px 0 0;
background-color:#ffffff;
padding:8px 6px 16px 6px;
border:3px solid #cccccc;
width:auto;
height:auto
}
#productdetails {
float:left;
width:272px;
height:100%;
margin:24px 10px 20px 36px;
font-size:80%
}
#productdimensions {
margin-top:20px;
font-weight:800;
width:auto;
height:100%;
display:block
}
#productdimensions table#dimensions {
display:table;
height:100%
}
#productdimensions table#dimensions th {
font-weight:800;
padding:4px 0
}
#productdimensions table#dimensions tr td {
font-weight:800;
padding:2px 4px;
font-size:92%
}
#productdimensions table#dimensions tr {
padding:4px 0;
border-bottom:1px dashed #c8c8c8
}
.qty {
width:20px;
font-size:76%;
padding:2px
}
.productprice {
background:url(../pictures/headerstrip.png);
height:20px;
color:white;
padding:3px 5px;
font-size:102%;
font-weight:bold
}
img.magnify {
position:absolute;
top:50px;
left:446px
}
/* --- homepage --- */

img.catlisting {
margin:3px 0 0 12px
}
.categoryname {
margin:3px 0 0 2px;
width:160px;
height:30px;
}
.categoryname a {
display:block;
width:160px;
height:30px;
background-color:#e3e3e3;
background-image:url(../pictures/arrowpale.gif);
background-position:7px 5px;
background-repeat:no-repeat;
border-top:1px solid #9babb5;
text-decoration:none
}
.categoryname a h3 {
margin:5px 0 0 33px;
font-weight:600;
font-size:80%;
color:#666666
}
.categoryname a:hover {
width:161px;
background-color:#4a667a;
background-image:url(../pictures/arrowblue.gif);
background-position:7px 5px;
background-repeat:no-repeat;
}
.categoryname a:hover h3 {
color:white
}
/* --- about us --- */

img.mainimage {
float:right;
display:inline;
margin:0 6px 6px 6px
}

/* --- contact page --- */

#contactlist {
font-size:80%;
margin:10px 0 10px 12px
}
#contactlist li {
margin:2px 0;
}
#contactform {
margin:6px 0 6px 10px;
width:425px
}
.littlebutton {
clear:both;
float:left;
margin:12px 0 4px 0;
padding:3px;
color:white;
background:#4a667a;
border:1px ridged #394f5e;
cursor:pointer
}
.go {
clear:none;
float:left;
display:inline
}
#directions {
width:500px;
}
#googlemap, #directions {
clear:both;
float:left;
margin-left:16px
}

/* --- register page --- */

.notice {
clear:left;
padding:3px 6px;
margin:0 16px 10px 0;
font-size:86%;
background-color:#fffae6;
border:1px dashed #bababa
}
.notice a {
color:#ff0d3d
}
.notice a:hover {
text-decoration:underline
}
.error {
border:1px dotted #ff0d3d
}
#shoppingnotice {
clear:left;
padding:3px 6px;
margin:0 16px 0 0;
font-size:86%;
border:1px dashed #bababa
}

/* --- sitemap --- */

#sitelist a {
text-decoration:none;
color:#40586a
}
#sitelist a:hover {
text-decoration:underline;
color:#000000
}
#sitelist h2 {
font-weight:bold;
color:#496579
}
ul.sitemaplist {
margin-left:8px
}
ul.sitemaplist a:hover h3, #sitelist a:hover h2 {
text-decoration:underline
}


/* --- footer --- */

#footer {
clear:left;
float:left;
margin:0 0 12px 0;
padding:0;
width:100%;
height:70px;
background:url(../pictures/footer.gif) no-repeat
}
#footeraddress {
color:white;
margin:12px 0 0 16px
}
#footeraddress ul {
clear:left;
margin:3px 0 0 0
}
#footeraddress ul li {
font-size:76%;
line-height:1.4em;
float:left;
display:inline;
padding-right:7px
}
#footeraddress #footerright {
float:right;
margin:0 16px 0 0;
display:inline
}
#footer a {
color:#ffffff;
text-decoration:none;
}
#footer a:hover {
color:#ccdde3
}
#footerright a {
font-size:76%;
margin-right:4px
}
#footerright a:hover {
color:#a8b5bf
}
/*--- west midlands media ---*/
	
#westmidlandsmedia {
clear:both;
text-align:center;
margin:5px auto 10px auto;
font-size:66%;
}
#westmidlandsmedia a {
text-decoration:none
}
#westmidlandsmedia a:hover {
text-decoration:underline
}