main-nav /* Reset & Hacks */
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,address,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
a {color:#365C6A}
a:focus { -moz-outline-style: none; }
a,
a:active,
a:link { text-decoration: none; outline: none!important;}
a:hover { text-decoration: underline; }
.selected a:hover { text-decoration: none; cursor: default; }
body { font-family: Helvetica, Arial, sans-serif; background: #E1EDF4 url(/images/common/site-background.gif) top center no-repeat; font-size: .8em; margin: 0px 0; line-height: 1.4em; color:#365C6A; }
.wrapper {width: 990px; margin: 0 auto; background: #ffffff;border-left:1px solid #999;border-right:1px solid #999;}
/* HEADER */
.header { }
.header a { }
.header a:hover { color: #365C6A; }
.header .left-col { float: left;}
.header .left-col .logo { background: url(/images/common/logo.gif) left top no-repeat; width: 167px; height: 165px; }
.header .left-col .logo span { width: 100%; height: 100%; display: block; text-indent: -5000px; }
.header .right-col { width: 813px; padding: 5px 0 0 0; float:left;}
.header .right-col h3 { }
.header .right-col h3,
.header .right-col h4 { color:#78848B; }
.header .right-col h3.inline-title { padding-left: 20px; float: left; font-size:20px;color: #365C6A; font-weight: bold; }
.header .right-col h4 span.tel { color: #365C6A; font-weight: bold; font-size: 1.6em; }
.header .right-col a { color: #78848B; text-decoration: underline; }
.header ul.store-details {float: left; }
.header ul.store-details li { float: left; margin-left: 20px; font-size:14px!important;}
.header ul.store-details li h4 { margin-top:9px;}
.header ul.store-details li h4 a { font-size:14px;}
.header ul.quicklinks { float: right; padding: 20px 30px 0 0; }
.header ul.quicklinks li { float: left; }
.header ul.user-links { float: right; margin: 0px 20px 0 0;}
.header ul.user-links li { float: left; }
.header .main-nav { width: 790px; margin: 10px 0 0 0; height: 58px; padding: 0 0 0 20px; background: url(/images/common/global-nav-bg.gif) left bottom no-repeat; height:142px;}
.header .main-nav ul {float: left; }
.header .main-nav ul li { margin: 4px 12px 0 0; float: left; }
.header .main-nav ul li { font-size: 1.1em; }
.header .main-nav ul li a { text-decoration: none; cursor:pointer;}
.header .main-nav ul li.selected a,
.header .main-nav ul li a:hover { color: #224856; }
.searchBox{ float: left; width: 136px; padding: 3px 8px; border: 1px solid #8C989F;display:block;color:#ccc;}
div.search { width: 216px; float: right;background-image:url(/images/searchbackground.png);height:35px;padding:10px;margin-bottom:5px;padding-top:15px;}
div.search h3 { background: url(/images/common/search-icon.gif) left top no-repeat; width: 22px; height: 22px; float: left; margin-right:4px;}
div.search h3 span { width: 100%; height: 100%; display: block; text-indent: -5000px;}
div.search a.btn-go { background: url(/images/common/btn-go-search.gif) left top no-repeat; width: 25px; height: 25px; display: block; float: right; }
div.search a.btn-go span { width: 100%; height: 100%; display: block; text-indent: -5000px; }
.header ul.bread-crumb { padding: 0 0 0 20px; width: 524px; font-size: .9em; float: left;}
.header ul.bread-crumb li { float: left;}
.header ul.bread-crumb a { text-decoration: none; }
.header ul.bread-crumb li.selected a { font-weight: bold; }
.header ul.bread-crumb li.selected a:hover { color: #78848B; }
.header ul.bread-crumb a:hover { color: #224856; }
.header ul.user-btns { float: left; margin: 0px 30px 20px 13px; }
.header ul.user-btns li { float: left;}
.header a.btn-view-your-wishlist { float: right; }
/* CTA & BTNS - GENERIC */
a.btn-view-your-wishlist,
a.btn-easystep,
a.btn-checkout,
a.btn-buy-now,
a.btn-request-a-brochure,
a.btn-add-to-basket,
a.btn-add-to-wishlist,
a.btn-log-in,
a.btn-create-account { background: url(/images/common/cta.png) no-repeat; height: 23px; display: block; }
a.btn-view-your-wishlist span,
a.btn-easystep span,
a.btn-checkout span,
a.btn-buy-now span,
a.btn-request-a-brochure span,
a.btn-add-to-basket span,
a.btn-add-to-wishlist span,
a.btn-log-in span,
a.btn-create-account span { width: 100%; height: 100%; display: block; text-indent: -5000px; }
/* BTNS - SPECIFIC */
a.btn-view-your-wishlist { background-position: 0 0; width: 149px;}
a:hover.btn-view-your-wishlist { background-position: 0 -23px; cursor:pointer;}
a.btn-delivery { background: url(/images/common/buttonDeliveries.png) no-repeat; width:137px;height: 20px; display: block; padding-left:6px;padding-top:3px;text-transform:uppercase;font-weight:normal;font-size:12px;color:White;text-decoration:none;border:0px;}
a.btn-delivery:hover{background-position: 0px -23px; cursor:pointer;text-decoration:none;border:0px;}
a.btn-request { background: url(/images/common/buttonRequest.png) no-repeat; width:137px;height: 20px; display: block; padding-left:6px;padding-top:3px;text-transform:uppercase;font-weight:normal;font-size:12px;color:White;text-decoration:none;border:0px;}
a.btn-request:hover{background-position: 0px -23px; cursor:pointer;text-decoration:none;border:0px;}
a.btn-contact { background: url(/images/common/buttonContact.png) no-repeat; width:137px;height: 20px; display: block; padding-left:6px;padding-top:3px;text-transform:uppercase;font-weight:normal;font-size:12px;color:White;text-decoration:none;border:0px;}
a.btn-contact:hover{background-position: 0px -23px; cursor:pointer;text-decoration:none;border:0px;}
a.btn-easystep { background-position: -276px 0; width: 96px; }
a:hover.btn-easystep { background-position: -276px -23px; cursor:pointer; }
a.btn-checkout { background-position: -149px 0; width: 127px; }
a:hover.btn-checkout { background-position: -149px -23px; cursor:pointer; }
a.btn-buy-now { background-position: -372px 0; width: 91px; }
a:hover.btn-buy-now { background-position: -372px -23px; cursor:pointer; }
a.btn-request-a-brochure { background-position: -372px 0; width: 91px; }
a:hover.btn-request-a-brochure { background-position: -372px -23px; cursor:pointer;}
a.btn-add-to-basket { background-position: -463px 0; width: 119px; }
a:hover.btn-add-to-basket { background-position: -463px -23px; cursor:pointer;}
a.btn-add-to-wishlist { background-position: -582px 0; width: 129px; }
a:hover.btn-add-to-wishlist { background-position: -582px -23px; cursor:pointer;}
a.btn-log-in { background-position: -711px 0; width: 76px; }
a:hover.btn-log-in { background-position: -711px -23px; cursor:pointer;}
a.btn-create-account { background-position: -787px 0; width: 137px; }
a:hover.btn-create-account { background-position: -787px -23px; cursor:pointer;}
a.btn-general { background: url(/images/common/buttonGeneral.png) no-repeat; width:137px;height: 20px; display: block; padding-left:6px;padding-top:3px;text-transform:uppercase;font-weight:normal;font-size:12px;color:White;text-decoration:none;border:0px;}
a.btn-general:hover{background-position: 0px -23px; cursor:pointer;text-decoration:none;border:0px;}
a.reversed {background: url(/images/common/buttonGeneralReversed.png) no-repeat;text-align:right; width:121px;padding-right:10px;}
a.btn-generalBig { background: url(/images/common/buttonGeneralBig.png) no-repeat; width:200px;height: 20px; display: block; padding-left:6px;padding-top:3px;text-transform:uppercase;font-weight:normal;font-size:12px;color:White;text-decoration:none;border:0px;outline: 0;}
a.btn-generalBig:hover{background-position: 0px -23px; cursor:pointer;text-decoration:none;border:0px;outline: 0;}
/* BASKET BTNS */
a.btn-minus,
a.btn-plus { background: url(/images/common/basket-add-delete-btns.png) no-repeat; width: 16px; height: 16px; display: block; float: left; }
a.btn-minus span,
a.btn-plus span { display: block;}
a.btn-minus { background-position: 0 0; }
a:hover.btn-minus { background-position: 0 -16px; }
a.btn-plus { background-position: -16px 0px; }
a:hover.btn-plus { background-position: -16px -16px; }
a.btn-show-basket-items,
a.btn-hide-basket-items,
a.btn-remove-item { background: url(/images/common/basket-btns.png) no-repeat; height: 20px; display: block; }
a.btn-show-basket-items span,
a.btn-hide-basket-items span,
a.btn-remove-item span { width: 100%; height: 100%; display: block; text-indent: -5000px; }
a.btn-show-basket-items { background-position: 0px 0px; width: 159px; }
a:hover.btn-show-basket-items { background-position: 0px -20px; }
a.btn-hide-basket-items { background-position: -159px 0; width: 159px; }
a:hover.btn-hide-basket-items { background-position: -159px -20px; }
a.btn-remove-item { background-position: -318px 0; width: 99px; }
a:hover.btn-remove-item { background-position: -318px -20px; }
.homeIntro h1
{
font-size:1.4em!important;
margin:0!important;
padding:0!important;
}
/* PAGE LAYOUTS */
.columns-3-block { margin: 16px 10px 10px; width: 970px; }
.columns-3-block .col-2 { float: left; margin: 0 0 0 13px; }
.columns-3-block .col-3 { float: left; margin: 0 0 0 13px; }
.columns-2-block { margin: 16px 10px 10px; width: 970px; }
.columns-2-block .col-1 { float: left; width: 722px; }
.columns-2-block .col-2 { float: right; width: 236px; }
/* PANEL - FLASH */
.panel-flash { width: 472px; height: 212px; float: left; padding-bottom:20px;}
/* PANEL PRODUCT GROUPS */
.product-group-list { width: 240px; background: #E1EDF4; float: left; padding-top: 2px; }
.product-group-list li { background: url(/images/common/fl-shadow.gif) bottom left no-repeat; border-bottom: #E1EDF4 1px solid; border-top: #A0ACB3 1px solid; padding: 4px 12px; width: 216px; }
.product-group-list li.first { border-top: 0; }
.product-group-list li img { float: left; margin-right: 12px; }
.product-group-list li h3 { margin-top: 14px; }
.product-group-list li h3 a { color: #365C6A; background: url(/images/common/arrow-blue.png) right 3px no-repeat; padding-right: 14px; font-size: 1.1em; }
.product-group-list li h3 a:hover { color: #78848B; text-decoration: none; }
/* NEWS REEL */
.news-reel { background: url(/images/common/latest-news-bottom-shadow.gif) bottom left no-repeat; padding: 10px 10px 20px; width: 692px; overflow: hidden; color: #828B94;}
.news-reel h3 { float: left; color: #365C6A; font-weight: bold; }
.news-reel ul { margin-left: 88px; width: 2000px; }
.news-reel li { float: left; margin-right: 20px; }
.news-reel a { color: #828B94; }
.news-reel a:hover { color: #365C6A; }
/* TEXT BLOCK */
.text-block { margin: 0 90px 0 10px; }
.text-block h1 { font-size: 1.8em; color: #365C6A; margin-top: 10px; font-weight: normal; }
.text-block p { color: #737373; line-height: 1.6em; margin-top: 1em; }
/* PANEL - EASYSTEP */
.panel-easystep-short { width: 236px; background: #CDD9E0; color: #365C6A; }
.panel-easystep-short .inner { background: url(/images/common/easystep-bottom-panel.gif) bottom left no-repeat; padding-bottom: 30px; }
.panel-easystep-short h3 { font-size: 1.2em; font-weight: bold; background: url(/images/common/easystep-top-panel.gif) top left no-repeat; height: 28px; padding: 14px 40px 2px 50px; }
.panel-easystep-short p { padding: 14px 16px 20px; background: url(/images/common/easystep-divide-panel.gif) bottom left no-repeat; line-height: 1.6em; }
.panel-easystep-short a.btn-easystep { margin: 14px 0 0 16px; }
/* PANEL - EASYSTEP */
.panel-contact-short { width: 236px; background: #CDD9E0; color: #365C6A;margin-top:10px;}
.panel-contact-short .inner { background: url(/images/common/easystep-bottom-panel.gif) bottom left no-repeat; padding-bottom: 30px; height:328px;}
.panel-contact-short h3 { font-size: 1.2em; font-weight: bold; background: url(/images/common/contactus-top-panel.gif) top left no-repeat; height: 28px; padding: 14px 40px 2px 50px; }
.panel-contact-short p { padding: 14px 16px 20px; background: url(/images/common/easystep-divide-panel.gif) bottom left no-repeat; line-height: 1.6em; }
.panel-contact-short a.btn-easystep { margin: 14px 0 0 16px; }
/* PANEL - BROCHURE REQUEST */
.panel-brochure-request-short { margin-top:5px;width: 236px; background: #CDD9E0; color: #365C6A; background: url(/images/brochure.jpg) top left no-repeat;height:42px;padding-bottom:15px;padding-top:220px;}
/* PANEL - BASKET */
.panel-basket-short,
.panel-basket-full-collapsed,
.panel-basket-full-expanded { width: 236px; background: #F9EF00; color:#365C6A }
.panel-basket-short .inner,
.panel-basket-full-collapsed .inner,
.panel-basket-full-expanded .inner { background: url(/images/common/your-basket-bottom-panel.gif) bottom left no-repeat; padding-bottom: 30px; }
.panel-basket-short h3,
.panel-basket-full-collapsed h3,
.panel-basket-full-expanded h3 { font-size: 1.2em; background: url(/images/common/your-basket-top-panel.gif) top left no-repeat; height: 28px; padding:10px 40px 2px 50px; }
.panel-basket-short .info,
.panel-basket-full-collapsed .info,
.panel-basket-full-expanded .info { width: 100%; }
.panel-basket-short p,
.panel-basket-full-collapsed p,
.panel-basket-full-expanded p { padding: 14px 16px 16px; background: url(/images/common/your-basket-divide-panel.gif) bottom left no-repeat; line-height: 1.6em; }
.panel-basket-short p.ad,
.panel-basket-full-collapsed p.ad,
.panel-basket-full-expanded p.ad { font-weight: bold; padding: 8px 16px 9px; line-height: 1.1em; }
.panel-basket-short a.btn-checkout,
.panel-basket-full-collapsed a.btn-checkout,
.panel-basket-full-expanded a.btn-checkout { margin: 14px 0 0 16px; }
.block-filter { clear: both; }
/*.panel-basket-full-expanded .basket-listing { display: block; }
.panel-basket-full-collapsed .basket-listing { display: none; }*/
.basket-listing li { padding: 16px; background: url(/images/common/your-basket-divide-panel.gif) bottom left no-repeat; }
.basket-listing img { float: left; margin: 0 10px 10px 0; }
.basket-listing h4 { font-weight: bold; }
.basket-listing .info p { clear: none; }
.basket-listing p { padding: 0; background: none; clear: both; }
.basket-listing .quantity p { float: left; margin-right: 10px; }
.basket-listing .quantity a { margin-right: 4px; }
.basket-listing a.btn-remove-item { margin: 10px 0 0 0; }
.panel-basket-full-collapsed .toggle,
.panel-basket-full-expanded .toggle { position: static; background: url(/images/common/your-basket-divide-panel.gif) bottom left no-repeat; padding: 10px 16px; }
.basket-collapsed .toggle .btn-hide-basket-items,
.basket-expanded .toggle .btn-show-basket-items { display: none; }
/* PANEL - WE RECOMMEND */
.panel-we-recommend { width: 236px; background: #869DA6; color: #ffffff; }
.panel-we-recommend .inner { background: url(/images/common/recommend-bottom-panel.gif) bottom left no-repeat; padding-bottom: 30px; }
.panel-we-recommend h3 { font-size: 1.2em; background: url(/images/common/recommend-top-panel.gif) top left no-repeat; height: 28px; padding: 16px 40px 0 16px; color: #365C6A; }
.panel-we-recommend h3 span { }
.panel-we-recommend p { }
ul.recommend-listing { }
ul.recommend-listing h4 { font-weight: bold; }
ul.recommend-listing img { margin: 0 0 10px 0; }
ul.recommend-listing li.first { padding: 16px; background: none; }
ul.recommend-listing li { padding: 30px 16px 0px; background: url(/images/common/recommend-divide-panel.gif) top left no-repeat; }
ul.recommend-listing ul.info { margin: 10px 0; }
ul.recommend-listing ul.info li { padding: 0; background: none; }
ul.recommend-listing ul.refine-list-options { margin: 10px 0; }
ul.recommend-listing ul.refine-list-options li { padding: 0; background: none; }
ul.recommend-listing ul.info span { font-weight: bold; }
ul.recommend-listing .refine-list-options a { color: #FFFFFF; }
.panel-we-recommend a.btn-buy-now,
.panel-we-recommend a.btn-add-to-wishlist { margin-bottom: 10px; }
/* FILTER */
.filter-block { float: left;margin: 0; width: 180px; }
.filter-block a { color: #78848B; }
.filter-block h2,
.filter-block h3 { font-size: 1.1em; color: #505C63; }
.filter-block h2 a.link { float: right; text-decoration: underline; font-size: .9em; }
.filter-block h2 a:hover.link { color: #505C63; }
.filter-block .refine-block { background: #F0F0F0; margin: 0 0 30px; }
.filter-block .refine-block h2 { background: url(/images/common/filter-side-panel-title-bg.gif) bottom left no-repeat; padding: 12px 12px 8px; height:20px;}
.filter-block .refine-block ul.refine-list { }
.filter-block .refine-block h3 { padding: 12px 12px 0px; }
.filter-block ul.refine-list-options { padding: 8px 12px 12px; }
.filter-block ul.refine-list-options li { padding-bottom: 2px; }
.filter-block ul.refine-list-options li a { display: block; width: 170px; height: 100%;}
/*
.filter-block ul.refine-list-options li.option-item { padding-bottom: 10px; }
.filter-block ul.refine-list-options li.option-item a { display: block; width: 100%; height: 100%; }
.filter-block ul.refine-list-options li.option-item-selected { margin: 0px 0; }
.filter-block ul.refine-list-options li.option-item-selected a { }
*/
li.refine-list-cat,
li.refine-list-cat-expanded,
li.refine-list-cat-collapsed { background: url(/images/common/filter-side-panel-bottom-shadow.gif) bottom left no-repeat; padding-bottom: 6px; border-bottom: #FFFFFF 2px solid; width: 180px; }
li.refine-list-cat-expanded h3 a { background: url(/images/common/arrow-down-grey.png) right 4px no-repeat; padding-right: 12px; }
li.refine-list-cat-collapsed h3 a { background: url(/images/common/arrow-grey.png) right 3px no-repeat; padding-right: 12px; }
li.refine-list-cat-expanded ul.refine-list-options { display: block; }
li.refine-list-cat-collapsed ul.refine-list-options { display: none; }
.option-item,
.option-item-selected { }
.slider { margin: 10px; background: #DCDCDC none repeat scroll 0 0; height: 6px; margin: 6px 0 11px 10px; position: relative; width: 160px; }
.slider .ui-slider-handle { background: url(/images/common/price-range-arrow.gif) top left no-repeat; height: 15px; left: 0; position: absolute; top: -3px; width: 8px; z-index: 1; }
.slider .ui-slider-range { background: #C8C8C8; height: 6px; position: absolute; }
.price-value { padding: 10px; }
.price-value.left { float: left; }
.price-value.right { float: right; }
.price-value { color: #78848B; }
.option-item a,
.option-item-selected a { background: url(/images/common/tickbox.gif) no-repeat; display: inline-block; padding: 0 0 0 20px; height: 20px; width:140px; }
.option-item a { background-position: -8px -6px; }
.option-item-selected a { background-position: -30px -50px; }
.display-block { width: 776px; margin: 0 0 0 204px; }
.pager { width: 756px; }
.pager {
padding: 12px 0px 8px; }
.pager span.inline-title { float: left; }
.pager a.link { float: left; }
.pager a:hover { color: #365C6A; }
.pager .btns { margin: 0 20px; float: left; }
.pager ul.page-links { float: left; margin: 0 20px; }
.pager ul.page-links li { float: left; }
.pager ul.page-links .selected { font-weight: bold; text-decoration: none; }
.pager a { text-decoration: underline; }
ul.range-list a:hover { text-decoration: none; }
ul.range-list { margin-bottom: 20px; }
ul.range-list .title a,
ul.range-list .toggle a { color: #ffffff; }
ul.range-list li.range-item-collapsed,
ul.range-list li.range-item-expanded { width:100%;position: relative; border-bottom: #ffffff 2px solid; margin-top:10px;}
ul.range-list li.range-item-collapsed .title { background: #bcc1c5; }
ul.range-list li.range-item-expanded .title { background: #78848B; }
ul.range-list .title h3 { }
ul.range-list .title h3 a { display: block; padding: 8px 10px 4px; }
ul.range-list .title:hover .toggle a { text-decoration: underline; }
.toggle { position: absolute; right: 8px; top: 8px; }
.toggle a.toggle-show,
.toggle a.toggle-hide { height:14px; display:inline-block; }
.toggle a.toggle-show { background: url(/images/common/filter-show-icon.gif) right top no-repeat; padding-right: 24px; }
.toggle a.toggle-hide { background: url(/images/common/filter-hide-icon.gif) right top no-repeat; padding-right: 24px; }
.toggle a:hover,
ul.range-list .toggle a:hover { text-decoration: underline; }
.range-item-expanded a.toggle-show { display: none; }
.range-item-collapsed a.toggle-hide { display: none; }
.range-item-expanded .product-list { display: block; }
.range-item-collapsed .product-list { display: none; }
ul.product-list { }
.product-item,
.view-full-range { padding-top: 16px; width: 173px; float: left; text-align: center; height:240px;}
.product-item.first,
.view-full-range.first { margin-left: 0px; }
.fire-door-icon {float:left;display: block; position: relative; bottom:35px; left: 135px;cursor:pointer;}
.bargain-icon {float:left;display: block; position: relative; bottom: 35px; left: 140px;cursor:pointer;}
.view-full-range { margin-bottom: 16px; }
.view-full-range a { color: #3C484F; }
.view-full-range a:hover { color: #ffffff; }
.view-full-range a,
.view-full-range a:hover,
ul.range-list .view-full-range a:hover { text-decoration: underline; }
.product-item img { display: block; margin: 0 auto; }
.product-item .details { padding: 10px; height:40px;}
.product-item h4 a { color: #78848B; line-height: 1.1em; }
.product-item h4 a span.price { color: #3C484F; }
.product-item:hover h4 a { color: #3C484F; }
.product-item div.landscape {width:170px;height:160px;margin:5px;}
.view-full-range a { background: #bcc1c5; width: 70px; height: 167px; display: block; margin: 0 auto; }
.view-full-range a span { background: url(/images/common/filter-full-range-icon.gif) left 98px no-repeat; padding: 132px 0 0; margin: 0 10px; display: block; text-align: left; line-height: 1.1em; }
/* PRODUCT PAGE */
.product { width: 100%; }
.product h1 { font-size: 1.6em; color: #365C6A;margin-bottom:10px;}
.product p { }
.product .image-panel { border: #CDD6DA 1px solid; float: left; text-align: center; width: 220px; height:400px;margin-top: 10px; }
.product .image-panel img { margin: 10px auto;}
.product .image-panel span.instruction { background: #78848B url(/images/common/plus-icon.gif) 158px 9px no-repeat; color: #ffffff; padding: 4px 12px 2px 6px; text-align: left; display: block; }
.product .info { float: right; width: 470px; }
.product .product-details { margin-top: 10px; position: relative; }
.product .product-details ul { }
.product .product-details li { }
.product .product-details p { }
a.link-size-calculator,
a.link-delivery,
a.link-faq { position: absolute; right: 0; top: 0; padding-bottom: 4px; color: #78848B; text-decoration: underline; }
a:hover.link-size-calculator,
a:hover.link-delivery,a:hover.link-faq { text-decoration: none; color: #224856; }
a.link-size-calculator { background: url(/images/common/calculator-icon.gif) left top no-repeat; padding-left: 20px; }
a.link-delivery { background: url(/images/common/delivery-icon.gif) left top no-repeat; padding-left: 30px; }
a.link-faq { background: url(/images/common/faq-icon.gif) left top no-repeat; padding-left: 17px; }
.item-list { width: 100%; margin: 20px 0 0 0; }
.item-list ul { }
ul.tabs li { float: left; background: #bcc1c5; color: #ffffff; width: 172px; border-right: #FFFFFF 2px solid; position: relative; }
ul.tabs li a { color: #ffffff; display: block; width: 160px; height: 100%; padding: 4px 6px; }
ul.tabs li.selected { background: #78848B; }
ul.tabs li.selected span.arrow { background: url(/images/common/arrow-down-white.png) right top no-repeat; width: 7px; height: 6px; display: inline-block; margin-left: 6px; }
ul.tabs li span.arrow { background: url(/images/common/arrow-white.png) right top no-repeat; width: 6px; height: 7px; display: inline-block; margin-left: 6px; }
ul.tabs li.fire-door a span.icon { background: url(/images/common/firedoor-icon-white.png) left top no-repeat; position: absolute; width: 10px; height: 20px; margin-left: 8px; top: 3px; }
.item-list ul.info-blocks { border: #bcc1c5 1px solid; }
.item-list ul.info-blocks li.info-block { padding: 0 0 10px 0; }
.item-list ul.info-blocks table.product-listing { width: 100%; }
.item-list ul.info-blocks table.product-listing thead { color: #365C6A;}
.item-list ul.info-blocks table.product-listing tbody { }
.item-list ul.info-blocks table.product-listing td,
.item-list ul.info-blocks table.product-listing th { padding: 12px 4px 4px 4px; vertical-align:top;}
.item-list ul.info-blocks table.product-listing a { float: left; }
.item-list ul.info-blocks table.product-listing a.first { margin-right: 8px; }
.item-list ul.info-blocks table.product-listing tr.header td {font-weight:bold;}
.item-list ul.info-blocks .text-block { }
table.product-listing .code { width: 120px;}
table.product-listing .size { width: 200px;}
table.product-listing .stock { width: 290px;}
table.product-listing .price { width: 170px;}
table.product-listing .qty { width: 20px; }
table.product-listing .cta { width: 260px;}
.related-products { background: #E1EDF4; margin: 30px 0; padding: 0px 0px 10px;float:left;width:712px;}
.related-products ul.tabs {float:left;}
.related-products ul.tabs li { border-right: #E1EDF4 2px solid; }
.related-products ul.product-list { margin: 0 0px; clear:both; float:left;}
.related-products .product-item{ padding-top: 16px; width: 173px; float: left; text-align: center; height:160px;}
hr { border: none; background-color: #CDD6DA; height: 1px; }
table.product-listing input.qty { width: 20px; }
/* CAROUSEL */
.scrollable {margin-bottom:20px;}
a.btn-carousel-left,
a.btn-carousel-right{ width: 32px; height: 168px; display: block; float: left; }
a.btn-carousel-left { background: url(/images/common/bestseller-left-btn.gif) left top no-repeat; cursor:pointer;}
a.btn-carousel-right { background: url(/images/common/bestseller-right-btn.gif) left top no-repeat; cursor:pointer; }
a.btn-carousel-left span,
a.btn-carousel-right span { width: 100%; height: 100%; display: block; text-indent: -5000px; }
.scrollable a:hover { text-decoration: none;}
.scrollable { float: left;height:168px!important;}
.scrollable div.item {width: 211px; height: 139px; float: left; padding: 10px; position: relative; padding-top:20px;}
.scrollable div.item div { float: left; width:108px;height:130px;}
/*
.scrollable div.item div.landscape { margin-bottom: 10px; margin-right: 0px; width:201px;height:73px;}
*/
.scrollable div.item h4 { font-weight: bold; }
.scrollable div.item a { color: #ffffff; }
.scrollable div.item p { color: #ffffff; margin-top: 4px; font-size: .9em; }
.scrollable div.item p span { font-weight: bold; }
.scrollable div.item a.btn-buy-now { margin-top: 12px; float: left; }
/* PROMOS */
.promos {margin-left:10px;width:970px;}
.promos ul { float: left;width:728px;}
.promos li {float: left;width:234px;}
.promos li img{border:1px solid #365C6A;}
.promos li.first { margin-left: 0px; }
.promos li.photo { background: #E1EDF4; }
.promos li.photo img { display: block; }
.promos li.photo .inner { }
.promos li.blue-block { background: #365C6A url(/images/common/promo-blue-top-bg.gif) top left no-repeat; }
.promos li.blue-block .inner { background: url(/images/common/promo-blue-bottom-bg.gif) left bottom no-repeat; }
.promos li.yellow-block { background: #F9EF00 url(/images/common/promo-yellow-top-bg.gif) top left no-repeat; }
.promos li.yellow-block .inner { background: url(/images/common/promo-yellow-bottom-bg.gif) left bottom no-repeat; }
.promos a { color: #5E7D88; }
.promos a span { color: #365C6A; }
.promos li:hover.photo h3 a,
.promos li:hover.photo h3 a span { color: #5E7D88; }
.promos li.photo .inner h3 a span { background: url(/images/common/arrow-blue.png) right 3px no-repeat; padding-right: 14px; }
.promos li.yellow-block h3 a span { color: #365C6A; background: url(/images/common/arrow-blue.png) right 3px no-repeat; padding-right: 14px; }
.promos li:hover.yellow-block .inner h3 a,
.promos li:hover.yellow-block .inner h3 a span { color: #5E7D88 }
.promos li.blue-block h3 a span { color: #ffffff; background: url(/images/common/arrow-white.png) right 3px no-repeat; padding-right: 14px; }
.promos li:hover.blue-block h3 a,
.promos li:hover.blue-block h3 a span { color: #E1EDF4; }
.promos a.promo-offer { background: url(/images/content/promo-special-offer.gif) 10px 10px no-repeat; width: 212px; height: 154px; display: block; }
.promos a.promo-trade { background: url(/images/content/promo-trade.gif) 10px 10px no-repeat; width: 212px; height: 154px; display: block; }
.promos a.promo-offer span.ir,
.promos a.promo-trade span.ir { width: 100%; height: 100%; display: block; text-indent: -5000px; }
.promos h3 a span { font-size: 1.1em; }
.promos ul a { text-decoration: none; width: 212px; height: 100%; display: block; padding: 10px; }
.login .promos a { text-decoration: none; width: 212px; display: block; padding: 10px; }
.promos .panel-brochure-request-short {float: right;}
/* FOOTER LINKS */
.footer-links { border-top: #E1E7E9 1px solid; margin-top: 30px; background: url(/images/common/bg-footer-links.gif) top left repeat-y;}
.footer-links .block-links { width: 230px; float: left; margin-left: 15px; }
.footer-links .block-links.first { margin-left: 10px; }
.footer-links h3 { font-weight: bold; color: #738D97; }
.footer-links h3 { padding: 24px 10px 10px; }
.footer-links a { color: #365C6A; background: url(/images/common/arrow-blue.png) left 2px no-repeat; padding-left: 12px; }
.footer-links .block-links ul { padding: 0 10px 20px; }
.footer-links {clear:left;}
/* FOOTER */
.footer { color: #738D97; width: 970px; padding: 5px 10px 15px; text-align:center;}
.footer .left { float: left; }
.footer .middle { }
.footer .right { float: right; }
.form-box-input-frame
{
float:left;
width:600px;
}
.form-box-input-title
{
float:left;
width:150px;
font-weight:bold;
}
.form-box-input
{
float:left;
width:300px;
}
/* LOGIN */
.login { background: url(/images/common/bg-col4-login.gif) 10px top repeat-y; }
.login .col { width: 237px; float:left;}
.login .title-block { background: #78848B; color: #ffffff; width: 160px; }
.login .title-block h2 { height: 100%; padding: 6px 10px 3px; }
.login .title-block h2 span.arrow { background: url(/images/common/arrow-down-white.png) right top no-repeat; width: 7px; height: 6px; display: inline-block; margin-left: 6px; }
.login .form { margin: 10px; }
.login .form h3 { font-size: 1.2em; color: #365C6A; line-height: 2em; }
.login .form span.instruction { color: #365C6A; line-height: 1.2em; }
.login .form label { display: block; margin-top: 10px; }
.login .form input { width: 202px; }
.login a.btn-log-in,
.login a.btn-create-account { margin-top: 10px; }
.login a.link { background:transparent url(/images/common/arrow-blue.png) no-repeat scroll right 5px; color:#365C6A; padding-right:12px; display: inline-block; margin-top: 10px; }
.login .promos h3 a span { background:transparent url(/images/common/arrow-blue.png) no-repeat scroll right 2px; color:#365C6A; padding-right:12px; margin-top: 10px; }
/* GENERAL FORM STUFF */
.formholder .form input,
.formholder .form textarea { padding: 1px 1px; border: 1px solid #8C989F; }
.formholder .form .inline-item { margin-top: 10px; }
.formholder .form .inline-item label { width: 120px; display: inline-block; }
.formholder .form .inline-item label.checkbox { width: inherit; display: inline; }
.formholder .form .inline-item input[type="text"] { width: 200px; }
.formholder .form .inline-item input[type="checkbox"] { margin-right: 10px; }
.formholder .form .block-item { margin-top: 10px; }
.formholder .form .block-item label { display: block; }
.formholder .form .block-item input[type="text"] { display: block; }
.formholder .form .block-item textarea { width: 576px; margin-bottom:10px;}
.formholder .form select { border: 1px solid #8C989F; }
.formholder .form input[type="checkbox"] { }
.formholder .col-1 { background: #E1EDF4; }
.formholder .title-block { background: #78848B; color: #ffffff; width: 240px; }
.formholder .title-block h2 { height: 100%; padding: 6px 10px 3px; }
.formholder .title-block h2 span.arrow { background: url(/images/common/arrow-down-white.png) right top no-repeat; width: 7px; height: 6px; display: inline-block; margin-left: 6px; }
.formholder .form {margin:10px;}
.formholder .form .nav { }
.formholder .form .nav ul { width: 100%; border-top: 1px solid #8C989F; margin-top: 10px; padding: 10px 0; }
.formholder .form .nav ul li { }
.formholder .form .nav ul li.left { float: left; padding-left: 10px; }
.formholder .form .nav ul li.right { float: right; padding-right: 10px; }
.formholder .form .text-block {margin-left:0px;}
.basketSummaryLabel
{
clear:left;
float:left;
width:150px;
padding-top:5px;
}
.basketSummaryValue
{
margin:0px;
padding-top:5px;
float:left;
width:400px;
font-weight:bold;
}
.promoBanner
{
background-color:#375d6a;
position:absolute;
width:452px;
left:0px;
top:160px;
height:20px;
padding:10px;
font-size:20px;
color:White;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
}
.promoBanner a
{
font-size:20px;
color:White;
}
#demotip
{
display:none;
position: absolute;
z-index: 3000;
border: 1px solid #ccc;
background-color: #78848b;
color:White;
padding: 2px;
}
.inputBox
{
margin:0px!important;
padding:0px!important;
border:1px solid red;
}
.text-block ul
{
margin-top:10px;
list-style-type:disc;
margin-left:25px;
}
.text-block li
{
font-size:12px;
}
.cmsContentLister ul
{
margin-top:10px;
list-style-type:none;
margin-left:25px;
}
.saleItem
{
color:#d2232a;
font-weight:bold;
}
.homeTabs
{
clear:both;
/*padding-top:12px;*/
border: 1px solid #fff32a;
font-size:11px;
}
.homeTab
{
padding:10px;
color:Black;
height:150px;
overflow:scroll;
overflow-x:hidden;
}
.homeTab p
{
margin-bottom:5px;
}
.homeTabs h2 {
margin-top: 0;
margin:0px;
padding:0px;
}
UL.homeTabNavigation {
list-style: none;
margin: 0;
padding: 0;
font-size:11px;
position:relative;
}
UL.tabNavigation LI {
float:left;
margin-right:10px;
}
UL.tabNavigation LI A {
background-image:url(/images/tabs/tabbg.png);
background-repeat:repeat-x;
color: #666;
height:24px;
text-decoration: none;
outline:none;
display:block;
font-size:11px;
font-weight:bold;
padding-top:6px;
padding-left:10px;
padding-right:10px;
text-align:center;
text-transform:uppercase;
}
UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
background-image:url(/images/tabs/tabbg.png);
color: black;
/*background-image:none;*/
}
.spotlightBanner
{
background-color:#fff32a;
position:absolute;
width:234px;
left:1px;
top:273px;
height:auto!important;
margin:0!important;
font-size:13px;
filter:alpha(opacity=95);
opacity: 0.95;
-moz-opacity:0.95;
font-weight:bold;
text-align:center;
}
.spotlightBanner a
{
padding:4px!important;
color:#375d6a!important;
padding-top:8px!important;
padding-bottom:8px!important;
}
.latestNews li div {
color: Black;
font-size: 10px;
line-height: 10px;
}
/* PANEL - EASYSTEP */
.panel-bargain { margin-top:5px;width: 236px; background: #CDD9E0; color: #365C6A; background: url(/images/bargains.jpg);background-repeat:no-repeat; }
.panel-bargain .inner { padding-bottom: 30px; }
.panel-bargain h3 { font-size: 1.2em; font-weight: bold; height: 28px; padding: 10px 10px 2px 50px; color:White;}
.panel-bargain p { padding: 14px 16px 20px; line-height: 1.6em; color:White;}
.panel-bargain a.btn-easystep { margin: 14px 0 0 16px; }
/* PANEL - EASYSTEP */
.panel-vouchers { width: 216px; background: #CDD9E0; color: #365C6A; background: url(/images/vouchers.gif);background-repeat:no-repeat; float:left;}
.panel-vouchers .inner { padding-bottom: 30px; }
.panel-vouchers h3 { font-size: 1.2em; font-weight: bold; height: 28px; padding: 10px 10px 2px 50px; color:White;}
.panel-vouchers p { padding: 14px 16px 20px; line-height: 1.6em; color:White;}
.panel-vouchers a.btn-easystep { margin: 14px 0 0 16px; }
.Homepagetitle { background: #425968;width:720px; }
.Homepagetitle h3 { padding: 3px 10px 4px; color:White;margin-bottom:10px;font-weight:bold;}
.latestNews span
{
font-size:11px;
color:Black;
width:auto;
}
.latestNewsHeader { font-size: 14px; padding: 5px 5px 5px 5px; background-color:#fcee22; color:#425968; }
.navLinks a
{
background-image:url(/images/arrow.gif);
background-position:right 4px;
padding-right:15px;
display:block;
width:auto;
background-repeat:no-repeat;
margin-right:10px;
font-size:14px;
font-weight:normal;
}
.miniBasket b
{
font-weight:bold;
font-size:14px;
line-height:18px;
color:#365C6A;
}
.miniBasket p
{
margin:0;
padding:0;
font-size:12px;
line-height:18px;
padding-bottom:5px;
}
.miniBasket a
{
font-weight:bold;
color:#365C6A;
text-decoration:none!important;
}
.trafficLights
{
margin-top:39px;
color:#999;
padding-left:10px;
}
.trafficLights img
{
margin-bottom:2px;
height:45px;
width:45px;
}
.trafficLights b
{
color:#365C6A;
}
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
.pika-wrap
{
}
.pika-image
{
position: relative;
width:475px;
height:240px;
overflow:hidden;
}
/*position image holders */
.pika-image .animation, .pika-image .main-image
{
position: absolute;
top: 0px;
left: 0px;
}
.pika-image .animation
{
display: none;
z-index: 2;
}
.pika-image img
{
border: 0;
}
.pika-image .caption
{
position: absolute;
background-color:#425968;
font-size: 14px;
color: #fafafa;
padding: 10px;
text-align: left;
width:475px;
bottom:0;
left:0;
opacity:0.7;
filter:alpha(opacity=70)
}
.pika-image .caption p
{
padding: 0;
margin: 0;
line-height: 14px;
}
.pika-thumbs
{
margin:0;
padding: 0;
overflow: hidden;
}
.pika-thumbs li
{
float: left;
list-style-type: none;
width: 115px;
padding: 0px;
margin: 0 0px;
cursor: pointer;
padding-right:3px!important;
padding-top:6px;
}
.pika-thumbs li:last
{
margin: 0;
padding-right:0!important;
}
.pika-thumbs li .clip
{
position: relative;
width: 115px;
height: 65px;
overflow: hidden;
}
.clip span
{
background-color: black;
position: absolute;
top: 5px;
left: 5px;
display: block;
}
ul#pikame
{
width: 533px;
}
.pika-imgnav, .pika-textnav
{
display: none;
}
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal
{
padding: 0;
}
.jcarousel-skin-pika .jcarousel-clip-horizontal
{
height: 70px;
width:475px;
}
.jcarousel-skin-pika .jcarousel-item-placeholder
{
background: #fff;
color: #000;
}
.lightbox_bg {
background:#000 none repeat scroll 0 0;
display:none;
height:100%;
left:0;
filter:alpha(opacity=30);
opacity: 0.3;
top:0;
width:100%;
z-index:50;
display:none;
position:fixed;
}
.modal{
position:absolute;
z-index:51;
background: white;
padding:5px;
width:208px;
border:1px solid #365C6A;
color:#365C6A;
font-size:14px;font-weight:bold;
text-transform:uppercase;
text-align:center;
}
.homePanel
{
float:left;
width:230px;
margin-right:13px;
margin-bottom:23px;
}
.homePanel h3
{
font-size:22px;
color:#365C6A;
font-weight:normal;
margin-bottom:7px;
}
.homePanel h3 a
{
text-decoration:none;
}
.homePanel ul
{
list-style-type:disc;
margin-top:5px;
margin-left:15px;
font-size:14px;
}
.homePanel li {
height:22px;
}
.recentlyViewed
{
float:left;
width:230px;
height:180px;
margin-right:13px;
background-image:url(/images/RecentlyViewedHome.jpg);
background-repeat:no-repeat;
margin-bottom:0;
}
.quickSearch
{
background-image:url(/images/QuickSearch.jpg);background-repeat:no-repeat;width:722px; height:40px;
margin-bottom:25px;
}
.quickSearch div {
padding:10px;margin-left:180px;font-size:18px;
}
.quickSearch a
{
padding-right:20px;
}
.question
{
background-image:url(/images/AskaQuestion.jpg);background-repeat:no-repeat;width:236; height:174px;
margin-top:2px;
margin-bottom:20px;
}
.webSales
{
background-image:url(/images/WebSales.jpg);background-repeat:no-repeat;width:235px; height:110px;
margin-bottom:17px;
}
.dealOfTheMonth
{
background-image:url(/images/DealOfTheMonth.jpg);background-repeat:no-repeat;width:235px; height:760px;
margin-bottom:0;
}
.truncate_more_link {float:right;display:block;margin-right:10px;color:#20b8f1;font-style:italic;font-weight:bold;}
.homePanel h4
{
font-weight:bold;
font-size:14px;
margin-top:5px;
}
.right .pager { width: auto;float:right; }
.rows
{
display:none;
border:1px solid #999;
border-top:0;
}
.rows tr:hover
{
background-color:#78848B;
cursor:pointer;
color:White;
}
.rows td
{
white-space:nowrap;
}
.display
{
background-color:White;
cursor:pointer;
}
.prodLabel
{
color:#999;
text-transform:uppercase;
font-size:14px;
margin-bottom:12px;
}
.prodStandardPrice
{
font-weight:normal;
font-size:33px;
}
.prodStandardPrice small
{
font-size:12px;
}
.prodLabel.fire
{
color:#e97b4f;
}
.info h1
{
margin-top:5px;
margin-bottom:15px;
font-size:24px;
font-weight:normal;
}
.rows tr.Sale
{
color:#d2232a!important;
}
.productDetails
{
color:#666;
margin:15px 20px 10px 20px;
height:290px;
overflow:auto ;
overflow-x:hidden;
}
.productDetails ul
{
list-style-type:disc;
margin-left:25px;
font-size:14px;
}
.productDetails li
{
line-height:20px;
}
.feedPanel li
{
height:auto;
}
.recentlyViewedInternal
{
clear:both;
background-image:url(/images/recentInternal.jpg);background-repeat:no-repeat;width:930px; height:230px;margin-right:20px;padding-left:40px;padding-top:75px;
}
.doorExpertPopup
{
background-image:url(/images/DoorExpert.jpg);background-repeat:no-repeat;width:472px; height:269px;
margin-top:2px;
margin-bottom:20px;
}