/***********************
Layout
***********************/
body { padding-top: 50px; }
form { width: 975px; margin: 0 auto 12px auto; position: relative; }

/* Notice Bar */
.notice-bar { background: #79D8EC; height: 50px; width: 100%; display: flex; align-items: center; justify-content: center; position: fixed; top: 0px; z-index: 2; font-weight: bold; }

/*******************
* Overlay
*******************/
#greyoverlay { position: absolute; display: none; top: 0; left: 0; width: 100%; background:#bbb; filter:alpha(opacity=50); opacity:0.5; z-index: 500; }
#overlayPanel { position: absolute; display: none; border: solid 1px #000; background: #fff; z-index: 999; margin-left: -300px; width: 600px; margin-top: -160px; height: 320px; padding: 10px; text-align: left;}
.overlayBody {overflow-y: scroll; overflow-x: hidden; height: 250px; border: 1px solid #b5b5b5; padding: 10px;}
#overlayCloser {text-align: right;}
#overlayCloser .button {margin: 10px 0;}
#overlayPanel h2 {color: #b24241; padding:10px 0; margin:0;}
#overlayPanel p {padding:0; margin:0;}

/***********************
Header
***********************/
#header { position: relative; padding: 0; width: 975px; }
#logo { position: absolute; left: 0; top: 50px;}
/* Top bar */
#topBar { float: right; width: 470px; margin: 10px 0 20px 0; padding: 0;}
#header .orderOnlineImage {position:absolute; top:108px; left:195px;}

/* Basket Preview */
.bpBasket {float: right; width: 100px; padding: 0; text-align: right;}
.bpBasket img { }
.bpBasket .bpBasketPreview { width: 100px; color: #fff; font-size: 1.4em; font-weight: 700; }
.bpBasket .bpBasketPreview .bpImage { float:left; margin-right: 5px; }
.bpBasket .bpBasketPreview .bpItems { display: block; color: #fff; }
.bpBasket .bpBasketPreview .bpTotal {  display: block; color: #fff; }
.bpBasket .bpBasketPreview .bpExpand, .bpBasket .bpBasketPreview .bpCheckout { display: block; color: #fff;  }
.bpBasket .bpBasketPreview .bpExpand {  }
.bpBasket .bpBasketPreview a.bpExpand:hover {  }

#header .carriageContainer {background: url('../images/layout/carriageTitle.png') no-repeat; width: 320px; padding: 23px 0 0 0; float: left;}
#header .carriageContainer p{color: #fff; font-size: 1em; margin: 0 0 0 0; padding: 0; float: left;width: 320px;}
#header .carriageContainer p.carriageCosts {margin:6px 0 10px 0 !important;}
#header .carriageContainer span {line-height: 1.5em;}
#header .carriageContainer span.carriageType{color: #fff; font-weight: bold; float: left; clear: left; width: 300px;}
#header .carriageContainer span.cost{color: #fff; float: none; clear: none;}
#header .carriageContainer a {color: #fff; font-weight: bold; text-decoration:underline;}

#header .basketContainer {width: 440px; padding: 15px 15px 15px 115px; float: right; background: url(../images/layout/basket_mesh.png) no-repeat;}

#gotocheckout { position: absolute; right: 15px; bottom: 15px; color: #fff; }
#gotocheckout a { color: #fff; }
#gotocheckout a:hover { text-decoration: underline; }




/***********************
Content
***********************/

/* Cookie Notice */
.cookie-notice {margin-bottom: 50px; margin-top: 15px; background-color:#eaeaea; display:block;  position:relative;}
.cookie-notice.implied{margin-bottom:0px; margin-top:0px;}
.cookie-notice .content {padding: 15px;}
.cookie-notice.implied .content {padding-top: 10px; padding-bottom:10px;}
.cookieForm {}
.cookieForm .cookie-description {}
.cookie-notice .cookie-description h3 {clear:none; float:left; margin-right:10px; margin-bottom:20px;}
.cookie-notice.implied .cookie-description h3{font-size:1.4em; width:170px; margin-right:5px; margin-bottom:0px;}
.cookie-notice .cookie-description h3 span.note {color:#DE232A;}
.cookie-notice .cookie-description .cookie-info {font-size: 0.9em; padding: 5px; border: 1px dotted #000000; background: #FFFFFF;}
.cookie-notice.implied .cookie-description .cookie-info{width:630px; float:left; margin-right:9px;}
.cookie-notice .cookie-description p {color:#000000; font-size:1.1em;}
.cookie-notice .cookie-description a {font-weight: bold; text-decoration: underline;}
.cookie-notice .cookie-description a:hover {text-decoration: none; color:#000;}
.cookie-notice .agreement input.continue {float: right; }
.cookie-notice.implied .agreement input.continue { float: left; font-size:1.1em; font-weight:bold; cursor:pointer; width:100px;}
.cookie-notice .agreement input.continue.disabled {background-color: #e1e1e1; color: #b5b5b5; border-color: #b5b5b5;}
.cookie-notice .agreement input.continue.disabled:hover {cursor: default;}
.cookie-notice .agreement .checkbox {}
.cookie-notice .agreement .checkbox input {float: left; padding: 0; margin: 8px 8px 0 0;}
.cookie-notice .agreement label {color:#000000; font-weight: bold; float: left; line-height: 0.85em; margin-top: 9px; font-size:13px;}
.cookie-notice .agreement .warning {color:#a20925; float:left;}
.cookie-notice .agreement .validation{float:left; margin-left:2px; position:absolute; left:226px; top:40px; }
.cookie-notice .agreement .validation p{font-size:0.9em; }
.cookie-notice .agreement span.cookieValidation{display:none; width:500px; font-size:12px; font-weight:bold; float:left; color:#A20925;}

.cookieTable th{background-color:#AE5757;}
.cookieTable th strong{color:#FFF;}
.cookieTable td{padding:5px; margin:0; border:1px solid #B5B5B5;}

.question{}
.question img{margin-left:9px; margin-top:5px;}
.question a{font-size:0.9em; background:url("/templates/dyersmm/images/layout/questionmark.png") no-repeat left center; float:left; margin-left:9px; margin-top:5px; padding-left:30px !important; padding-bottom:4px !important; padding-top:4px !important; } 

/* Page Backgrounds */
.container {  background: #fff; padding: 0 4px 0 4px; border-top: solid 4px #fff; border-bottom: solid 4px #fff; background: #fff url('../images/layout/container_background.jpg') repeat-y; }
.homecontainer {  background: #fff; padding: 0 4px 0 4px; border-top: solid 4px #fff; border-bottom: solid 4px #fff; background: #fff url('../images/layout/home_container_background.jpg') repeat-y; }

/* Navigation Column */
#leftCol { background: #000 url('../images/layout/menu_background.jpg') repeat-x; width: 220px; padding: 10px; float: left; }
#leftCol a { color: #fff; }
#leftCol a:hover { text-decoration: underline; }

#productrange {width:158px; height:13px;  background: url('../images/layout/product_ranges.gif') no-repeat; margin: 20px 0 8px 3px; width:158px;}
#telephone { color: #fff; background: url('../images/layout/telephone.jpg') no-repeat center left; padding: 0 0 0 36px; margin: 15px 0 10px 0; font-size: 2.1em; display: inline-block; }
#howtofindus { color: #fff; background: url('../images/layout/arrow.gif') no-repeat center left; padding: 0 0 0 10px; float:right; width: 90px; }
#leftCol .Search { margin-top: 15px; overflow: hidden; } 
#leftCol .Search .searchinput { margin: 0;  width: 128px; }
#leftCol .Search .searchbutton { background: #000 url('../images/layout/search_bg.jpg') repeat-x; color: #fff; font-weight: 700; margin: 0; margin-left: 5px; padding: 3px; }

#leftCol .carriageContainer {background: url('../images/layout/carriage_bg.jpg') no-repeat #313131 5px 5px; padding: 40px 5px 5px 5px; margin-top: 20px;}
#leftCol .carriageContainer p{color: #fff;}
#leftCol .carriageContainer span.carriageType{color: #fff; font-weight: bold; line-height: 1.8em;}
#leftCol .carriageContainer span.cost{color: #fff;}

/* Positioning only */
#mainCol { float: left; margin-left: 4px; width: 722px; border: none; }

/* Buyers Guide */
#mainCol .mainColTop .buyersGuideLink {position: absolute; display: block; top: 0; right: 0; color: #fff; padding: 15px; }
#mainCol .mainColTop .buyersGuideLink:hover {text-decoration: underline;}

/* Page Headers */
.mainColTop { float: left; width: 722px; position: relative; }
.mainColTop h1 { background: #b42c2c url('../images/layout/page_title_bg.jpg') repeat-x; color: #fff; padding: 10px; margin-bottom: 4px; }
.mainColTop img { margin-bottom: 4px; }
.mainColTop h2 { font-family: Arial; color: #ae5757; margin: 5px 0 10px 20px; padding:0;}

/* Middle column (Home page only) */
.mainColMiddle { float: left;}
.mainColMiddle h1 { background: #b42c2c url('../images/layout/page_title_bg.jpg') repeat-x; color: #fff; padding: 10px;}
.mainColMiddle .border { width: 480px;  padding: 5px; border: solid 1px #d9d9d9; }
.mainColMiddle p { }
.mainColMiddle a:hover { color: #b42e2d; text-decoration: underline; }

/* Right hand column (Home page only) */
.mainColRight { float: left; width: 226px; margin-left: 4px; }

/* Features */
.mainColRight .featuredFrame { background: #494949; padding: 6px 6px 0 6px;  }
.mainColRight .featuredFrame .featuredItem { background: #af5858; padding: 6px; width: 202px;}
.mainColRight .featuredFrame .featuredItem a { margin: 0; padding: 0; border: 0; display:block;}
.mainColRight .featuredFrame .featuredItem img { margin: 0; padding: 0; border: 0; display:block;}
.mainColRight .featuredFrame .featuredDetail { background: #fff; margin: 4px 0 6px 0; padding: 4px;}
.mainColRight .featuredFrame .featuredDetail h4 { margin: 0 0 4px 0; font-size: 1em;}
.mainColRight .featuredFrame .more { float: right; color: #fff; }

/* Content on non home pages */
.mainColBottom { position:relative; float: left; width: 710px; padding: 5px; border: solid 1px #d9d9d9; }
.mainColBottom h1 { font-family: Arial; color: #ae5757; margin: 5px 0 5px 20px; padding:0; }
.mainColBottom h2 { font-family: Arial; color: #ae5757; margin: 10px 0 5px 5px; padding:0;}
.mainColBottom .image { float:right; margin: 8px 8px 5px 0; border: none; }
.mainColBottom .details { float:left; width: 450px; }
.mainColBottom .details ul { margin-left: 0; padding-left: 30px; list-style-type: square; width: 420px; }
.mainColBottom .details li { float: none; }
.mainColBottom a:hover { color: #b42e2d; text-decoration: underline; }

/* Filter for product tables */
#meshFilters { padding: 10px 0 10px 3px; margin-bottom: 15px; border-bottom: solid 2px #e7ecef; }
#meshFilters .filter { float: left; padding: 5px 0 5px 58px; }
#meshFilters .filter img { border: solid 3px #9fb1bf; }
#meshFilters .filter select { margin: 5px 0 0 0; width: 175px; border: solid 1px #9fb1bf;}
#meshFilters .comment { color: #b42e2d; margin: 5px 0 5px 58px; }
#meshFilters .comment span { white-space: nowrap;}
#meshFilters .comment input {  }
#meshFilters .comment label { color: #b42e2d; }

/* Product tables */
.productgrid {padding: 0 8px 8px 8px; width: 694px;}
.productgrid .resultstitle { font-size: 1.2em; color: #ae5757; margin: 5px 0 5px 60px; }
.productgrid table { width: 100%; border-right: solid 2px #9fb1bf;}
.productgrid th { padding: 4px 5px 2px 5px; background: #9fb1bf; border-left: solid 2px #9fb1bf; border-bottom: solid 2px #9fb1bf; text-align: center; }
.productgrid th.none { background: none; border: none; width: 42px; }
.productgrid td { padding: 2px 5px; background: #fff; border-left: solid 2px #9fb1bf; border-bottom: solid 2px #9fb1bf; text-align: center; }
.productgrid td.none { padding: 1px; border: none; width: 42px; }
.productgrid td input { padding: 0; }
.productgrid td a {padding: 0; margin: 0; display: block; width: 38px; margin: 3px auto;}
.productgrid td a img{padding: 0; margin: 0; display: block;}
.productgrid td img {border: 1px solid #8c8c8c !important;}
.productgrid .imgpreview { width: 38px; height: 38px; border: solid 1px #9fb1bf; margin-right: 2px; }

#reinforceWarning {position:absolute;top:10px;right:10px;width:240px;border:1px solid #b42c2c;}
#reinforceWarning h3 {background: #b42c2c url('../images/layout/page_title_bg.jpg') repeat-x; background-position:center; color: #fff; padding: 5px;} 

/* Search */
.searchBox { }
.searchResults { font-size: 1.1em; }
.searchResults .searchResultsHeader { background: #b42e2d; color: #fff; padding:3px; font-weight: 700; margin: 10px 5px 5px 5px; }
.searchResults a { margin-left: 10px; }

/* Sitemap */
.sitemappages { font-size: 1.1em; }
.sitemappages tr td a { margin: 5px 10px; background: url('../images/layout/sitemap_page.gif') no-repeat; display: block; padding: 3px 30px; }

/* Right column links */
#rightColumn a { }
#rightColumn a:hover {  }

#content h1 { padding-left: 0;}

/* Login */
.login { padding: 0; margin-bottom: 20px; }
.login a { display: block; }

/* Blocks */
.aBlock { width: 408px; position: relative; }
.aBlock strong, .aBlock span { display: block; width: 200px; padding: 4px 4px 4px 0; float: left; }

/* Testimonials */
#content .testimonial, #content .testimonialAlt { display: block; position: relative; margin-bottom: 30px; }
#content .testimonial .left, #content .testimonialAlt .left { width: 130px; float: left; }
#content .testimonial .right, #content .testimonialAlt .right { width: 610px; float: right; }

/* PDF Links */
#content ul.pdf {margin:0;padding:0 0 0 5px; list-style-position: outside; }
#content ul.pdf li { list-style-type:none;}
#content a.pdf {background: url('/templates/default/images/layout/adobe.jpg') no-repeat center left; padding: 5px 0 5px 30px;}

/* Site map */
.sitemappages ul, .sitemapproducts ul { list-style: none; float: left; margin: 0 40px 20px 0; }
.sitemapproducts ul ul { float: none; margin: 0; }
.sitemappages li, .sitemapproducts li { list-style-type: none; }
.sitemappages li li, .sitemapproducts li li { padding-left: 10px; }
.sitemappages a, .sitemapproducts a { padding: 2px 4px 2px 4px; display: block; }

/* News */
.newsItem { position: relative; margin-bottom: 20px; clear: both; }
.newsItem h4 { padding-left: 5px; }
.newsItem .newsItemImage { float: right; width: 200px; }
.newsItem .newsItemText { float: left; width: 750px; }
.newsItem a.newsItemMore { display: block; float: left; padding: 5px; }

/* Validators */
.validate h3,.validate li{color:Red;}

/* Categories */
#downloads { list-style: none; padding: 0 0 10px 0; display: block; }
#downloads li { list-style-type: none; display: inline; font-weight: 700; }
#downloads li a { padding: 0 6px 0 6px; border-left: 1px solid #333; font-weight: normal; }

/* Map */
#contactMap{ position: relative; padding: 0; }
#contactMap .map-canvas {width:584px;  height: 300px; border: 1px solid #004747;}
#contactMap .map { width: 702px; height: 300px; border: 0; padding: 0; margin: 5px;}
#contactMap .address { width: 200px; margin: 15px 0 0 5px; }

/* Enquiry Form */
.enquiryForm {margin-bottom: 15px;}
.enquiryForm input, .enquiryForm textarea { width: 500px; }
.enquiryForm .button { width: 150px; }
.enquiryForm .captcha { width: 180px; margin-bottom: 10px; }
.enquiryForm .captcha span { padding: 5px; font-weight: 700; display: block;}
.enquiryForm .captcha input { width: 180px; }
.article .enquiryForm img { float: none; margin: 0; }
.enquiryForm ul { margin-left: 20px; }
.enquiryForm .cols { display: block; position: relative; padding: 2px 2px 2px 6px; clear: both; width: 510px; }
.enquiryForm .cols strong { float: left; width: 70px; }
.enquiryForm .cols input { float: right; width: 410px; }
.enquiryForm .cols select { float: right; width: 422px; }

/* Registration Form*/
.registrationForm input { width: 500px; }
.registrationForm .button { width: 150px; }
.registrationForm ul { margin-left: 20px; }
.registrationForm .cols { display: block; position: relative; padding: 2px 2px 2px 6px; clear: both; width: 510px; }
.registrationForm .cols strong { float: left; width: 70px; }
.registrationForm .cols input { float: right; width: 410px; }
.registrationForm .cols select { float: right; width: 422px; }

/** Articles **/
.ArticleTextAndImage {display:block; margin-bottom:10px; position:relative; }
.ArticleTextAndImage img {display:block; padding:0; margin: 0 20px 10px 0; float:left; }
.ArticleTextAndImage p {padding: 0; float:left; width: 700px;}

.ArticleText p {padding:5px 5px 5px 0;}

.ArticleImage img {display:block; padding:0; margin: 0 20px 10px 0;}

/** Photo Gallery **/
#photoGallery {width: 740px; padding: 10px;}
#photoGallery .galleryimage {float: left; border: 1px solid #b5b5b5; padding: 2px; margin: 0px 5px 5px 0px;}
#photoGallery .galleryimage img {display: block; margin: 0; padding:0;}
#photoGallery .galleryimage a {display: block; margin: 0; padding:0;}
#photoGallery .galleryimage a img {display: block; margin: 0; padding:0;}

/* Products */
#products { position: relative; margin-top: 20px; }
.product { float: left; width: 160px; padding: 10px; position: relative; margin: 0 10px 10px 0; }
.product:hover { border: 1px solid #d9d9d9; padding: 9px; }
.product h2 { font-size: 1.1em; }
.product .priceOld { text-decoration: line-through; }
.product .priceX { margin-left: 9px; color: #f00; }
.product .addToBasket { padding: 2px 4px; background: #f9f9f9; border: 1px solid #e9e9e9; font-weight: 700; position: absolute; bottom: 10px; right: 10px; }
.product:hover .addToBasket { bottom: 9px; right: 9px; }

#buy { width: 180px; float: right; padding: 80px 0 0 0; text-align: right; }
#buy .priceX { font-size: 0.8em; }
#buy span { font-size: 1.2em; font-weight: 700; display: block; }

#attributes strong { margin-right: 10px; }

/* Product Images */
#images { width: 400px; position: relative; padding: 10px; border: 1px solid #d9d9d9; float: left; }
#images #mainImage { float: left; position: relative; }
#images #mainImage span { font-weight: 700; }
#images ul { list-style: none; }
#images li { float: left; margin: 0 0 10px 10px; }

/* Contacts */
.contact { float: left; width: 170px; margin: 0 10px 14px 0; }
#contacts h2 { padding: 0; margin: 0; border-bottom: 1px solid #d9d9d9; padding: 0 0 6px 0; margin-bottom: 10px; }
.contact h3 { padding: 0 0 6px 0; margin: 0; }
.contact strong { width: 70px; padding: 0 6px 0 0; }

#content .errrored{color:Red;}

/* Testimonials */
.testimonialItem {float: left; width: 690px; border-bottom: 1px dashed #b5b5b5; margin-bottom: 15px; padding: 10px;}
.testimonialItem .imageLB {padding: 0; margin: 0; display: block; float: left; border: 1px solid #b5b5b5; padding: 4px;}
.testimonialItem .imageLB:hover {border-color: #000;}
.testimonialItem img {padding: 0; margin: 0; display: block;}
.testimonialItem .testimonialContent { float: left; width: 520px; margin-left: 10px;}
.testimonialItem .testimonialContent2 {}
.testimonialItem h2{padding:0; margin: 0;}
.testimonialItem p{padding: 0; margin: 0 0 15px 0;}

/* Event Calendar */
.eventcalendar table {width:50%;}
.eventcalendar table tbody td table tbody td { border:0; text-align:center;}
.eventcalendar table tbody td {text-align:left; padding:3px; vertical-align:top; height:50px; border:1px solid #ddd;}
.eventcalendar table tbody td.active {background: #fff;}
.eventcalendar table tbody td a.eventlink {color:#f0699f;}

.calendardetail { position: absolute; /*bottom: 32px; left: 10px;*/ background: url('/templates/default/images/layout/feedback.gif') no-repeat bottom left; z-index: 1000; }
.calendardetail .box a.close { position: absolute; top: 4px; right: 4px; }
.calendardetail .box { border: #d9d9d9 1px solid; border-bottom: 0; background: #f9f9f9; padding: 10px; float: left; text-align: left; color: #000; margin-bottom: 10px; }
.calendardetail .box h2 { font-size: 1em; border-bottom: 1px solid #d9d9d9; margin-bottom: 6px; }

/* Search */
ul.search { width: 100%; list-style: none; }
ul.search li { list-style-position: inside; padding: 4px; background: #f9f9f9; }
ul.search li.alt { background: #e9e9e9; }
ul.search .subHead2 { background: #972B2C; font-weight: 700; color: #fff; }

/* Tooltips */
#dhtmltooltip{ position: absolute;clear:both; width: 150px; border: 1px solid #ddd; padding: 2px; background-color: #FFFFE0; visibility: hidden; z-index: 100; font-family: Arial, Tahoma, Verdana; font-size:0.9em; color:#777777; }

/* Standard pages */
.images { float: right; width: 226px; background: #ECEDEF; }
.images img { margin: 10px 10px 0 10px; }
.images span { display: block; margin: 4px 10px 10px 10px; font-weight: 700; }
.text { float: left; width: 400px; padding-bottom:40px;}

/* Shopping Basket */
#basket { width: 680px; }
#basket table { width: 100%; }
#basket .header td { background: #b24241; color: #fff; font-weight: 700; }
#basket td { padding: 4px; }
#basket .bskRowBackgroundColour { background: #c8c8c8; }
#basket .bskRowAlternatingBackgroundColour { background: #e3e3e3; }
.tclink { font-weight: 700; color: #b24241; }

/* Purchase */
#purchase { width: 680px; overflow: hidden; margin-left: 20px; position: relative; }
#purchase .address { float: left; margin: 0 0 20px 0; }
ul.breadcrumb { margin: 10px 0 20px 20px; }
#purchase ul.breadcrumb { margin-left: 0px; }
ul.breadcrumb li { display: inline; padding: 6px; border-bottom: 4px solid #a8a8a8; color: #a8a8a8; }
ul.breadcrumb li.selected { border-bottom: 4px solid #b24241; color: #000; }
#purchase .address { width: 580px; display: block; padding: 4px; border: 1px solid #000; position: relative; margin-bottom: 6px; } 
#purchase .address:hover { background: #e6f1f1; }
#purchase .address:hover strong, #purchase .address:hover span { display: block; padding: 5px; color: #000; }
#purchase .address strong, #purchase .address span { display: block; padding: 5px; color: #999; }
#purchase .addressSelected { width: 580px; display: block; padding: 4px; position: relative; margin-bottom: 6px;  background: #008285; border: 1px solid #008285; clear: both; }
#purchase .addressSelected strong, #purchase .addressSelected span { display: block; color: #fff; padding: 5px; }
#purchase .summary { position: absolute; top: 0; right: 0; text-align: right; padding: 10px; color: #fff; background: #b24241; width: 110px; }
#purchase .summary h2 { padding: 0 0 6px 0; color: #fff; }
#purchase .summary h3 { padding: 6px 0 0 0; color: #fff; font-size: 1.2em; }
#purchase .summary strong { display: block; margin-top: 6px; color: #fff; border-bottom: 1px solid #ccc; }
#purchase .summary span { font-weight: 700;  background: #fff; width: 98px; color: #000; display: block; padding: 6px; }
#purchase .summary .VATContainer {color: #fff;}



#main .cols { display: block; position: relative; padding: 2px 2px 2px 6px; clear: both; width: 360px; }
#main .cols strong { float: left; width: 70px; }
#main .cols input { float: right; width: 260px; }
#main .cols select { float: right; width: 272px; }

/* Links */
.links {  }
.link {margin-bottom: 20px; }
.link a:link, .link a:visited{font-weight: bold; font-size: 1.3em; padding: 0; margin: 0;}
.link p {padding: 0; margin: 0;}

/* Magnific Popup JS Plugin Overrides */
.mfp-zoom-out-cur { cursor: default; }
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; }

/***********************
Footer
***********************/
#footer { width:  975px; height: 40px; background: #000 url('../images/layout/reflection.jpg') repeat-x; color: #fff; margin-top: 1px; }
#footer ul { float:right; }
#footer li { border-left: solid 1px #fff; }

.article ul {margin-left:20px;}