/* Woollen Mills  */

* { margin:0px; padding:0px; }
html { height: 101%;}

img { border: none; }
ul { list-style-type:none; }
a { text-decoration:none;}
p { font-size:11px; color: #000090; line-height:16px; margin: 0px 20px 10px 20px;}
h1 { font-size:17px; color: #000090; padding: 10px 0px 10px 20px; text-shadow: 2px 2px 2px #ddd; }
h2 { font-size:15px; color: #000090; }
h3 { font-size:13px; color: #000090; }

body  { margin: 0; padding: 0; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #FFF; }
#wrapper { width: 990px; margin: 0 auto; text-align: left; }
#container { background-image:url(../images/bkgrnd_container.jpg); background-repeat:repeat-y; }
#contentwrap { width:960px; margin:0px 15px; }
#header { background-image:url(../images/bkgrnd_header.jpg); background-repeat:no-repeat; background-position:top; height:62px; }

/* Top Right rollover links */

#warehouse { height:39px; float:right; margin: 21px 10px 0px 0px; background-image: url(../images/phoneicon.png); background-repeat: no-repeat; background-position: left center; padding-left:40px; }
#warehouse h3 { text-align:center; font-size:11px; font-weight:bold; padding-top:5px; color:#4c4cb1; }
#warehouse p { margin:0px; padding:0px; text-align:center; color:#4c4cb1; }

#retail { height:39px; float:right; margin:21px 0px 0px 0px ; background-image: url(../images/phoneicon.png); background-repeat: no-repeat; background-position: left center; padding-left: 34px; padding-right:30px;  color:#4c4cb1;}
#retail h3 { text-align:center; font-size:11px; font-weight:bold; padding-top:5px; color:#4c4cb1; }
#retail p { margin:0px; padding:0px; text-align:center; color:#4c4cb1; }


/* Left Col & it's DIV's */

#leftcol { width: 240px; float:left; background-color:#b9afd4; }
#mainlogo a { line-height:0px;}
#mainlogo a img { display:block; }

/* Ajax Search Styling */

#search { background-image: url(../images/bkgrnd_search.gif); background-repeat: no-repeat; height:60px; }
#searchinside { padding: 15px;  }
#ajaxSearch_form { color: #444; width: auto; }
#ajaxSearch_input {margin-top:4px; padding: 2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height: 16px; width: 154px; display: inline; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background: #fff url(images/input-bg.gif) repeat-x top left; vertical-align: top; }
#ajaxSearch_submit {display: inline;height: 29px;}
.ajaxSearch_paging { margin: 0px 0px 20px 20px; font-size:13px; font-weight:bold;}
.ajaxSearch_result {color: #444; font-size:11px; margin: 3px 20px; }
.ajaxSearch_resultLink { text-decoration:none; font-size:13px; font-weight: bold; line-height:16px; margin-bottom: 3px; color:#4c4cb1; }
.ajaxSearch_resultLink:hover { text-decoration:underline;}
.ajaxSearch_resultDescription { margin-left:10px; font-size:11px; color: #555; display:block; padding: 8px 0px;}
.ajaxSearch_more {color: #555; margin-left:20px; font-size:11px; font-weight: bold;}
.AS_ajax_resultsIntroFailure { font-size: 11px; font-weight:bold; color: #000090; margin-left:20px;}


/* Sign Up Bar - leftcol*/

#signup { display:block; cursor:pointer; background-image: url(../images/dwm_clickhere.jpg); background-repeat:no-repeat; height:57px; margin:0px; padding:0px; padding: 15px 20px 17px 20px; }
#signup h3 { color:#000090; }
#signup:hover { background: transparent url(../images/dwm_clickhere.jpg) 0 -89px no-repeat;}
.tradecustomers { font-size:9px; line-height:11px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#4a65b1; margin-top: 28px; }

/* Opening Hours - Left Col*/

#hours { padding-bottom: 20px;}
#hours h4 { color:#4c4cb1; font-size:13px; margin:5px; }
#hours p { font-size:11px; line-height:15px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#4a65b1;  }

/* Right Col & it's DIV's*/
#rightcol { width: 720px; float:right; }
#offers { padding: 20px 0px 0px 20px; overflow:hidden; }
/*.historyimage { margin: 20px 0px 10px 20px; }*/

/* Top Nav */
#topnavbar { background-image:url(../images/bkgrnd_topnav.gif); background-repeat:no-repeat; height:77px;  }
#topnav { width:286px; height:35px; background-image:url(../images/topnavmenu.gif); background-repeat:no-repeat; list-style-type:none; float:right; margin-top:42px; overflow:hidden; position:relative; }
#topnav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#topnav li, #topnav a { height: 35px; display:block; }
#topnavhome {left: 0; width: 73px;}
#topnavaboutus {left: 74px; width: 100px;}
#topnavcontactus {left: 175px; width: 113px;}
#topnavhome a:hover { background: transparent url(../images/topnavmenu.gif) 0 -35px no-repeat;}
#topnavaboutus a:hover { background: transparent url(../images/topnavmenu.gif) -75px -35px no-repeat;}
#topnavcontactus a:hover { background: transparent url(../images/topnavmenu.gif) -175px -35px no-repeat;}

/* Main Content */
#maincontent { background-image:url(../images/curve.gif); background-repeat:no-repeat; background-position:top left; padding-top:20px; padding-bottom:20px;  }

/* Product Banner */

#productbanner { border-bottom: #c8c0df 1px solid; margin: 0px 20px; padding-bottom:10px; height: 200px;  }
.curve { float:left; display:inline; width:20px; height: 20px; z-index:1000; margin-left:-200px;}
#bannerimage img { z-index:-90; width: 200px; }
#bannertext h1, #bannertext p { margin: 0; padding:0; }
#bannertext h1 {text-shadow: 2px 2px 2px #ddd;}
#bannerimage { width: 200px; height: 200px; float:left; display:inline; overflow:hidden;  z-index: 90; }
#bannertext { width: 400px; float:left; display:inline; margin-left: 20px; margin-top:20px; }
#productbanner .yellow { background-color:#ffffe2; }
#productbanner .pink { background-color:#ffecf5; }
#productbanner .blue { background-color:#dce8f8; }
#productbanner .green { background-color:#ecfdda; }
#productbanner .lygrey {	background-color:#eee; }

.imagewindow { position:absolute; top:0; left:0; background-image:url(../images/whitecurve.png); background-repeat:no-repeat; width: 20px; height:20px; background-position:top; background-position:left; z-index:100; }

/* Product Pages */

#productwindow.margin {  margin-top: 20px;}
#productwindow h1 { font-size:17px; color: #000090;  }
#productimage { float:left; display:inline; margin-left:20px; width:230px;}
#productimage img { width:230px; }
#productdescription { float:right; width:450px; border-left: 1px dashed #c8c0df; }
#productdescription a { font-size: 13px; font-weight:900; color:#4c4cb1; }
#productdescription a:hover { text-decoration:underline;}
#productdescription p { font-weight:900; }
#productdescription p span { font-weight:300; }


#productsummary { margin: 20px 0px 10px 20px; }

#productsummary ul { list-style-type:none; }
#productsummary li { display:inline; }
.summarywindow { float:left; width: 148px; height:225px; overflow:hidden; margin: 0px;  margin-right:20px; margin-bottom:20px; border:1px solid #c8c0df; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.summarywindow .wrap { width: 128px; margin: 0px; padding: 10px 10px 6px 10px; }
.summarywindow h3 { width: 128px; margin:0; padding:0; margin-bottom: 4px; font-size:11px; line-height:13px; margin-top: -20px;   }
.summarywindow p { margin:0; padding:0; font-size:10px; line-height:12px; margin-bottom:4px;  }
.summarywindow .summaryimg img { width:128px; }

.yellow:hover { background-color:#ffffe2; cursor:pointer; }
.pink:hover { background-color:#ffecf5; cursor:pointer;}
.blue:hover { background-color:#dce8f8; cursor:pointer;}
.green:hover { background-color:#ecfdda; cursor:pointer;}
.lygrey:hover {	background-color:#eee; cursor:pointer;}

.listwindow { width:680px; display:block; margin: 0px; padding:10px 0px; border-bottom:1px dashed #c8c0df; }
.listwindow h3 { font-size:13px; margin: 0px 0px 0px 100px; }
.listwindow .listimg img { width:80px; float:left; display:inline; margin-left:10px; margin-right:10px;  }
.listwindow p { margin:0px; padding:0px; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:12px; margin: 3px 0px 5px 100px; }
.clickformore { padding-bottom:5px; float:right; margin-right: 10px; font-size:11px; font-weight:900; vertical-align:bottom; }

.internaltitle, .summarytitle { text-transform:uppercase; }

/* Common Product Footer */

#productfooter { margin-top: 20px; padding: 20px; border-top: 1px dashed #c8c0df; line-height:20px; }
#productfooter p, #productfooter a { margin:0px 0px;}
#productfooter h2 { margin: 0px 0px; }

#retailcustomers { padding-bottom: 20px;}
#wholesaletrade { padding-top:15px;border-top: 1px dashed #c8c0df;}
#wholesaletrade select { width:200px;}

/* Contact Us Page / Location / Map */

#map_canvas { margin: 0px 20px 20px 20px;  }
.retailmap { float:left;  }
.trademap { float:right;}
.maplink { text-align:left; font-size:11px; }
#contactform { clear:left; margin: 20px;  }

/* Footer */
#footer { background-image:url(../images/bkgrnd_footer.jpg); background-repeat:no-repeat; background-position:top; height:75px; clear:left; font-size:11px; }
#footer a { text-decoration:none; color:#000090;}
#footer a:hover { text-decoration:underline; color:#000090;}
#footernavleft { float:left; }
#footernavleft ul { list-style-type:none; margin-left:20px; margin-top:10px;  }
#footernavleft li { margin: 0; padding: 0; display:inline; padding:0px 5px;  }
#footernavright { float:right; margin-top:10px; /* Remove this margin if PP & T&C are put back into the footer */ }
#footernavright ul { list-style-type:none; margin-right:20px; margin-top:10px;}
#footernavright li { margin: 0; padding: 0; display:inline; padding:0px 5px;  }
#footernavright p { color:#758cb2; font-size:9px; }
#footernavright a.credit { color:#758cb2; font-size:9px; }

/* Javascript Alert */

.noscriptalert { margin: 5px; padding: 5px; border: 2px solid #6666CC; background-color:#CCCCCC; color: #000090; text-align:center; }
.noscriptalert h3 { font-size:13px; font-weight:bold; }
.noscriptalert p { margin:0px; padding:0px; margin-top: 3px; }

/* Various Classes & Fixes */

.readmorelink { width: 130px; font-weight: 900; text-align:right; vertical-align:bottom; }
.clearfix { height:1%; clear:both; margin:0px; padding:0px; }
.floatright { float:right; clear:both; padding:2px; border: 1px solid white; margin: 0px 0px 10px 20px; }
.floatleft { float:left; clear:both; padding:2px; border: 1px solid white; margin: 0px 10px 20px 0px; }
.clear { clear:both;}
.B_crumbBox { font-size: 11px; margin: 10px 0px 10px 20px; }
.B_currentCrumb { font-weight:bold; text-decoration:underline; color:#4c4cb1;  }
.B_crumbBox a { color: #000090; }
.B_crumbBox a:hover { text-decoration:underline; color: #9966CC; }

#colourcharts img { width:200px;}


/* Suppliers links on the Homepage */

#suppliers { padding: 10px 20px 20px 20px; }
#suppliers h2 { margin-bottom: 10px;}
.supplierlogo { vertical-align:middle; padding: 5px;}

/* About Us */

#aboutus p { font-size:13px; }
.aboutimagefloat { float: left; margin-right: 3px; }

/* Ditto Pagination styling */

#ditto_pages { padding: 0px 20px 10px;}
.ditto_paging { border-top: 1px solid #ccc; padding: 10px; font-size: 11px; color: black; }
#ditto_pages .ditto_currentpage { padding: 1px 10px 2px; margin-right: 1px; background-color: #4c4cb1; color: #fff; font-size: 11px; } 
#ditto_pages .ditto_off { padding: 1px 0px 2px; margin-right: 1px;color: #ccc; font-size: 11px; }
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { padding: 1px 5px 2px; margin-right: 1px; text-decoration: none !important; color:#4c4cb1; font-size: 11px; font-weight:bold; } 
#ditto_pages a:hover {background-color: #fff; color: #000; }

/* Contact Us page Enquiry Form */

#contactform fieldset {  margin: 10px 0px;}
#contactform p { margin-left:0px; }
#contactform input, #contactform select { box-shadow: 10px 10px 5px #888; padding: 2px 2px 2px 5px; }
#contactform legend {  padding: 0 4px;  font-weight: bold; font-size:15px; color: #000090; } 
#contactform label {  display: inline-block;  line-height: 1.8;  vertical-align: top; font-size:11px; width: 220px; }
#contactform fieldset ol {  margin: 0;  padding: 0;}
#contactform fieldset li {  list-style: none;  padding: 5px;  margin: 0;}
#contactform fieldset fieldset {  border: none;  margin: 3px 0 0;}
#contactform fieldset fieldset legend {  padding: 0 0 5px;  font-weight: normal;}
#contactform fieldset fieldset label {  display: block;  width: auto;}
#contactform em {  font-weight: bold;  font-style: normal;  color: #f00;}
#contactform fieldset fieldset label {  margin-left: 143px; /* Width plus 3 (html space) */}
.checkbox { vertical-align:middle; }
label.checkboxyes, label.checkboxno { width: 30px;} 

.contactleft { float:left; width: 240px; padding: 20px; }
.contactright { float:left; width: 280px; padding: 20px; }
.errors { color: #FF0000; font-size: 11px;}

/* Email Form */

#signup fieldset { border:none; }

/* Used for image hover on the product page */
#preview { position:fixed; border:1px solid #ccc; background:#333; display:none; color:#fff; padding:5px;  }

/* Sitemap */

#sitemaplist .last { margin-bottom: 10px;}

#sitemaplist ul { line-height: 16px; }

li.level1 { font-size: 14px; font-weight:600; padding-left: 20px; margin: 10px 0px;} 
li.level1 li a { margin-bottom: 20px;}

li.level2 { font-size: 14px; font-weight:900; padding-left: 20px;  margin: 10px 0px;}
li.level2 li a { margin-top: 10px; margin-bottom:20px; }
li.level3 a:hover { font-weight:bold; color:#6600CC; }

li.level3 { font-size: 14px; font-weight:600; padding-left: 20px; margin: 10px 0px;}
li.level3 a { margin-bottom: 20px; }
li.level3 a:hover { font-weight:bold; color:#6600CC; }

li.level4 { font-size: 12px; font-weight:600; padding-left: 20px; margin: 5px 0px;  }
li.level4 a { font-weight:normal; color:#000090; }
li.level4 a:hover { font-weight:bolder; color:#6600CC; }


li.level5 { font-size:10px; text-transform: uppercase; padding-left:20px; margin: 3px 0px 3px 0px; }
li.level5 a { margin-top:3px; font-weight:normal; margin-bottom:3px; color:#000090;  }
li.level5 a:hover { font-weight:bold; color:#6600CC; }

/* Privacy Policy Page */

#privacypolicy { margin-left:20px; }
#privacypolicy ul { list-style-type: decimal; margin-left: 60px; margin-bottom: 20px; }
#privacypolicy li { font-size:11px; color: #000090;}
#privacypolicy h3 { margin-top: 10px; margin-bottom:10px; color: #000090;}
#privacypolicy h4 { font-size:13px; margin: 10px 0px 10px 20px; color: #000090;}