/* ------------------------------------------------------ @1 Global Stuff --------------------------------------------------------- */ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-shadow: #000000 0 0 0px; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before,blockquote:after,q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } strong { font-weight: bold; } em { font-style: italic; } html { background: #fff url('../../img/design/wrap_repeat.gif') center top repeat-y; height: 100%; padding: 0; margin: 0; width: 100%; } body { background: url('../../img/design/stripe.gif') center top repeat-x; color: #444; font: 101%/100% arial, helvetica, sans-serif; height: 100%; margin: 0; padding: 0; width: 100%; } /*Opera Fix*/ body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px;/ } /* ------------------------------------------------------ @2 Useful Classes --------------------------------------------------------- */ /* auto clears any element with this class */ .easy_clear { float: left; float/**/: none; } .easy_clear:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .easy_clear{ display: inline-block; } /*\*/ .easy_clear { display: block; } /* end easy clear */ /* resets the default behaviour for lists & list items */ .container_list { list-style: none; margin: 0; padding: 0; font-size: 1em; } .container_list li { margin: 0; } /* list with thumbnails (think news) ----- Width values need changing per site -------- */ .thumbnail_list { list-style: none; margin: 0; padding: 0; font-size: 1em; width: 500px; } .thumbnail_list li { width: 500px; float: left; padding: 12px 0; margin: 0; border-bottom: 1px dotted #555; } .thumbnail_list li.even { } .thumbnail_list li img { float: left; margin: 0px 15px 0px 0; border: 4px solid #fff; } .thumbnail_list li h4 { margin: 0 .5em .35em 0; font-size: 1em; } .thumbnail_list li p { margin: 0 .5em .35em 0; } .thumbnail_list li p.date { color: #999; } /* contact details */ dl.contacts { font-size: 1em; line-height: 1.5em; margin: 10px; } dl.contacts dt { width: 5em; float: left; text-align: left; clear: left; padding-top: .25em; } dl.contacts dd { margin-left: 5.5em; padding-top: .25em; } /* pagination */ #content p.paging { font-size: 1em; list-style: none; padding: 15px 0 10px 60px; border-top: 1px solid #ccc; margin: 10px 15px 1em 0; } .paging a { float: left; display: block; padding: 2px 6px; margin: 5px 0 5px 3px; text-decoration: none; border: 1px solid #BED1DE; color: #069; } .paging a:hover { border: 1px solid #4F9CDD; background: #D5EAFF; } .paging a.current { border: 1px solid #fff; background: #fff; color: #CE1735; cursor: default; font-weight: bold; padding: 2px 4px; } .paging span { display: block; float: left; text-decoration: line-through; display: block; padding: 2px 6px; margin: 5px 0 5px 3px; border: 1px solid #fff; color: #aaa; } /* ------------------------------------------------------ @3 Basic Tags --------------------------------------------------------- */ a { color: #00579D; text-decoration: underline; } a:hover { color: #0088F5; } p { font-size: .85em; margin: 0 3em 1em 0; line-height: 1.4em; } h2, h3, h4, h5 { font-weight: normal; margin: 1em 1em .5em 0; color: #545454; line-height: 1.3em; } h2 { margin: 0.8em 1em .5em 0; font-size: 1.25em; line-height: 1.3em; color: #0C2D59; } h3 { font-size: 1.15em; margin: .7em 1.8em .5em 0; line-height: 1.4em; } h4 { font-size: 1.2em; line-height: 1.35em; } h5 { font-size: 1em; } ul { font-size: .85em; margin: 0 1em 1em 2em; padding: 0; list-style: disc; line-height: 1.3em; } ol { font-size: .85em; margin: 0 1em 1em 2.4em; padding: 0; list-style: decimal; line-height: 1.3em; } li { margin-bottom: .7em; } /* ------------------------------------------------------ @4 Wrapper & Shadow --------------------------------------------------------- */ #wrapper { background: url('../../img/design/wrap_top.gif') center top no-repeat; margin: 0 auto; min-height: 100%; padding: 0 35px; width: 892px; } /* ------------------------------------------------------ @5 Header --------------------------------------------------------- */ #header { height: 181px; background: url(../../img/design/header_2016.gif) bottom left no-repeat; } .used-equipment #header { background-image: url(../../img/design/header_red_2016.gif); } #header h1 a { display: block; float: left; width: 194px; height: 71px; margin: 22px 0 0 1px; text-indent: -10000px; text-decoration: none; background: url(../../img/design/optical_marketplace.gif) 0px 0px no-repeat; } #header_tag { clear: right; float: left; margin: 29px 0 0 18px; font-style: italic; font-size: 1em; color: #999; } #logged { float: right; margin: 10px 0 0 0; font-size: .8em; color: #777; padding: 1px 0 1px 20px; background: url(../../img/design/user_ico.gif) 0px 3px no-repeat; } #view_cart { float: right; display: block; width: 108px; height: 28px; margin-top: 22px; padding: 11px 0 0 50px; background: url(../../img/design/view_cart.gif) 0px 0px no-repeat; text-decoration: none; color: #0074AE; } #view_cart:hover { background-position: 0px -39px; } div.clear { clear: both; height: 0; } #mainnav { clear: both; margin: 13px 0 0 7px; } #mainnav li { float: left; } #mainnav li a { display: block; background-image: url(../../img/design/masternav.gif); background-repeat: no-repeat; text-indent: -10000px; height: 36px; } #home-link { width: 52px; } #used-link { width: 155px; background-position: -52px 0px; } #new-link { width: 159px; background-position: -207px 0px; } #cases-link { width: 166px; background-position: -366px 0px; } #frames-link { width: 171px; background-position: -532px 0px; } #home-link:hover { background-position: 0px -36px; } #used-link:hover { background-position: -52px -36px; } #new-link:hover { background-position: -207px -36px; } #cases-link:hover { background-position: -366px -36px; } #frames-link:hover { background-position: -532px -36px; } .home #home-link, .home #home-link:hover { background-position: 0px -72px; } .used-equipment #used-link, .used-equipment #used-link:hover { background-position: -52px -72px; } .new-equipment #new-link, .new-equipment #new-link:hover { background-position: -207px -72px; } .cases-accessories #cases-link, .cases-accessories #cases-link:hover { background-position: -366px -72px; } .frames-sunglasses #frames-link, .frames-sunglasses #frames-link:hover { background-position: -532px -72px; } #phone { position: absolute; visibility: hidden; } #searchform { background: url('../../img/design/search_ico.gif') 0 5px no-repeat; clear: both; float: right; margin: 7px 9px 0 0; text-align: right; width: 260px; } .used-equipment #searchform { background: transparent; } #sq { border: 1px solid #558AB5; background: #fff; color: #333; font-family: arial; font-size: 0.8em; margin-right: 7px; padding: 2px 4px 3px 4px; width: 200px; vertical-align: middle; } .used-equipment #sq { border-color: #650009; } #sq.inactive { color: #777; } #search_btn { background: url('../../img/design/search_btn.gif') left top no-repeat; height: 23px; width: 23px; vertical-align: middle; } #search_btn.hovered { background-position: 0px -23px; } /* ------------------------------------------------------ @6 Two Column Layout --------------------------------------------------------- */ #page { overflow: auto; padding-bottom: 210px !important; padding-top: 16px; width: 892px; } #content { width: 704px; display: inline; float: right; padding-bottom: 12px; } #subnav { display: inline; float: left; width: 165px; padding: 0 18px 12px 5px; } /* ------------------------------------------------------ Adjustment for full width pages --------------------------------------------------------- */ body.full_width #page { } body.full_width #content { width: 892px; float: none; } body.full_width #content h2 { margin-top: 0; } /* ------------------------------------------------------ @7 Subnav --------------------------------------------------------- */ #subnav h2 { height: 20px; color: #fff; font: .75em arial; padding: 5px 0 0 12px; background: url(../../img/design/subnav_heading.gif) 0px 0px no-repeat; margin: 0; } #subnav h2.red { background-image: url(../../img/design/subnav_heading_red.gif); } #subnav h2.green { background-image: url(../../img/design/subnav_heading_green.gif); } #subnav h2.lblue { background-image: url(../../img/design/subnav_heading_lblue.gif); color: #3D5870; } #subnav h2.yellow { background-image: url(../../img/design/subnav_heading_yellow.gif); color: #796913; } #subnav h2 a { color: #fff; text-decoration: none; } #subnav h2 a:hover { text-decoration: underline; } #subnav ul { list-style: none; padding: 0 0 12px 0; margin: 0; font-size: 1em; } #subnav ul li { margin: 0; } #subnav ul li a { display: block; font-size: .75em; text-decoration: none; border-bottom: 1px solid #BECBD9; padding: 1px 0 1px 13px; width: 152px; color: #3C5A8A; background: url(../../img/design/subnav_item.gif) 4px 50% no-repeat; } #subnav ul.red li a { background-image: url(../../img/design/subnav_item_red.gif); color: #7A333A; border-bottom-color: #E4BDC0; } #subnav ul.green li a { background-image: url(../../img/design/subnav_item_green.gif); color: #29582A; border-bottom-color: #ACCDB5; } #subnav ul li a:hover { background-color: #D5E5FF; color: #000; text-decoration: underline; } #subnav ul.red li a:hover { background-color: #F8E3E3; color: #000; } #subnav ul.green li a:hover { background-color: #E0F5DA; color: #000; } #subnav ul li a.open { background: #2671BC url(../../img/design/subnav_item_open.gif) 5px 50% no-repeat; color: #fff; border-bottom: 1px solid #2671BC; } #subnav ul.red li a.open { background-color: #BC2626; color: #fff; border-bottom: 1px solid #BC2626; } #subnav ul li ul { margin: 0; } #subnav ul li ul li { } #subnav ul li ul li a { background: #fff url(../../img/design/subnav_item_square.gif) 5px 50% no-repeat; border-bottom-color: #9EB6DD; } #subnav ul.red li ul li a { background: #fff url(../../img/design/subnav_item_square_red.gif) 5px 50% no-repeat; } #subnav ul li ul li a.active { background-color: #D5E5FF; color: #000; text-decoration: none; cursor: default; } #subnav ul.red li ul li a.active { background-color: #F8E3E3; } #subnav ul.green li ul li a.active, #subnav ul.green li a.active { background-color: #E0F5DA; } #subnav p#ccards { text-indent: -10000px; width: 150px; height: 110px; background: url(/img/icons/ccards1.gif) 18px 10px no-repeat; } /* ------------------------------------------------------ @7 Footer --------------------------------------------------------- */ #footer { background: url(../../img/design/footer_repeat.gif) 0px 1px repeat; position: relative; margin-top: -210px; height: 210px; clear: both; } #footer_wrap { height: 210px; background: url(../../img/design/footer_wrap.gif) 50% 0px repeat-y; padding-top: 0px; } #footer_width { width: 892px; margin: 0 auto; padding: 20px 0 20px 0; margin-top: 0px; } #newsletter { width: 210px; float: right; padding: 2px 7px 15px 20px; } #newsletter input.def { width: 200px; background: #3370A1; color: #C4E4FF; padding: 5px 6px; font-size: .8em; font-family: arial; border: 1px solid #024881; margin-bottom: 7px; } #newsletter input.active { background: #fff; color: #333; border-color: #024881; } #newsletter input.error { border-color: #024881; background: #FFB9B9; color: #333; } #newsletter p { font-size: .85em; color: #6BBDFF; margin: 0 10px 10px 1px; } #subscribe_btn { width: 86px; height: 28px; background: url(../../img/design/subscribe_btn.gif) 0px 0px no-repeat; color: #98D1FF; text-align: center; border: none; padding-bottom: 2px; margin-top: 2px; float: none; cursor: pointer; } #subscribe_btn.hovered { background-position: 0px -28px; } #formResults { } #formResults p { font-size: 1.1em; margin: 5px 0 0 0; } #formResults strong { display: block; padding-bottom: 3px; } #footer_main { padding: 5px; width: 642px; border-right: 1px solid #096DBC; } * html #footer_main { width: 635px; } #footer_hotline { text-indent: -10000px; width: 221px; height: 15px; margin: 3px 0 16px 0; background: url(../../img/design/footer_hotline_2016.gif) 0px 0px no-repeat; } #footer_nav { font-size: .85em; color: #79C2FF; margin: 0 1em 1em 0; } #footer_nav a { color: #BEE1FF; } #footer_nav a:hover { color: #8CCCFF; } #footer_nav span { padding: 0 3px; } #footer_reg { font-size: .8em; color: #AECCE5; margin: 0 1em 1em 0; line-height: 1.5em; } #footer_reg a { color: #AECCE5; text-decoration: none; } #footer_reg a:hover { color: #fff; text-decoration: underline; } #footer_copy { font-size: .75em; color: #6DBEFF; margin: 0 1em .25em 0; } #footer_copy a { color: #6DBEFF; text-decoration: none; } #footer_copy a:hover { color: #fff; text-decoration: underline; } /* ------------------------------------------------------ @7 Section Intro Box & Breadcrumbs --------------------------------------------------------- */ #intro_box { background: url(../../img/design/intro_box.gif) 0px 0px no-repeat; color: #fff; padding-bottom: 1px; } #crumbs { height: 27px; font-size: .75em; margin: 0; padding: 0; } * html #crumbs { width: auto; } #crumbs li { float: left; } #crumbs li a { display: block; padding: 6px 16px 0px 8px; background: #0C2D59 url(../../img/design/crumbs_divider.gif) top right no-repeat; height: 21px; color: #fff; text-decoration: none; float: left; } #crumbs li a img { margin-left: 2px; margin-top: 0px; } #crumbs li a.last { background-color: transparent; } #crumbs li a:hover { text-decoration: underline; } #crumbs li strong { display: block; padding: 6px 0 0 7px; font-weight: normal; color: #9BCDF9; } #intro_box a { color: #fff; } #intro_box_main { width: 463px; float: left; margin-right: 20px; padding: 14px 0 17px 17px; } #intro_box_main h2 { font-size: 1.1em; color: #D2E6FF; margin: 0px 10px 6px 0px; } #intro_box_main p { margin: 0px 1em 0px 0px; color: #BFDBFF; font-size: .8em; } #intro_box_side { float: left; width: 204px; } #reg_users, #sell_product { display: block; margin: 20px 15px 14px 17px; font-size: .75em; padding-left: 20px; background: url(../../img/design/lock_ico.gif) 0px 1px no-repeat; } #have_used { margin: 20px 15px 14px 17px; font-size: .75em } #sell_product { background-image: url(../../img/design/sell_item.gif); } /* ------------------------------------------------------ @8 Product List --------------------------------------------------------- */ #productlist { border-collapse: collapse; margin: 15px 0 20px 2px; } #productlist td, .home_products li { padding: 0; } #productlist td a, .home_products li a { display: block; width: 229px; height: 190px; text-decoration: none; font-size: .75em; color: #555; padding: 5px 4px 4px 1px; position: relative; } /* STARS */ /*#productlist td {background-position: 164px 7px; background-repeat: no-repeat;}*/ /*p#prod-img {background-position: right top; background-repeat: no-repeat;} p#no-img {margin: 15px 0 15px 0; padding: 20px 15px; border: 1px solid #D9EEFF; width: 400px;} removed 10.12.08 by jon*/ #productlist td span.new_stars, .home_products li span.new_stars { background: url('/img/stars/trans/newin.gif') center center no-repeat; display: block; height: 66px; right: 19px; padding: 0; position: absolute; text-indent: -10000px; top: 9px; width: 66px; z-index: 10; } .home_products li span.new_stars { right: 12px; } #productlist td.newin span.new_stars, .home_products li.newin span.new_stars { background-image: url(/img/stars/trans/newin.gif);} #productlist td.bestseller span.new_stars, .home_products li.bestseller span.new_stars { background-image: url(/img/stars/trans/bestseller.gif);} #productlist td.reduced span.new_stars, .home_products li.reduced span.new_stars { background-image: url(/img/stars/trans/reduced.gif);} #productlist td.save5 span.new_stars, .home_products li.save5 span.new_stars { background-image: url(/img/stars/trans/save5.gif);} #productlist td.save10 span.new_stars, .home_products li.save10 span.new_stars { background-image: url(/img/stars/trans/save10.gif);} #productlist td.save15 span.new_stars, .home_products li.save15 span.new_stars { background-image: url(/img/stars/trans/save15.gif);} #productlist td.save20 span.new_stars, .home_products li.save20 span.new_stars { background-image: url(/img/stars/trans/save20.gif);} #productlist td.save25 span.new_stars, .home_products li.save25 span.new_stars { background-image: url(/img/stars/trans/save25.gif);} #productlist td.save30 span.new_stars, .home_products li.save30 span.new_stars { background-image: url(/img/stars/trans/save30.gif);} #productlist td.save35 span.new_stars, .home_products li.save35 span.new_stars { background-image: url(/img/stars/trans/save35.gif);} #productlist td.save40 span.new_stars, .home_products li.save40 span.new_stars { background-image: url(/img/stars/trans/save40.gif);} #productlist td.save45 span.new_stars, .home_products li.save45 span.new_stars { background-image: url(/img/stars/trans/save45.gif);} #productlist td.save50 span.new_stars, .home_products li.save50 span.new_stars { background-image: url(/img/stars/trans/save50.gif);} #productlist td.save55 span.new_stars, .home_products li.save55 span.new_stars { background-image: url(/img/stars/trans/save55.gif);} #productlist td.save60 span.new_stars, .home_products li.save60 span.new_stars { background-image: url(/img/stars/trans/save60.gif);} #productlist td.save65 span.new_stars, .home_products li.save65 span.new_stars { background-image: url(/img/stars/trans/save65.gif);} #productlist td.save70 span.new_stars, .home_products li.save70 span.new_stars { background-image: url(/img/stars/trans/save70.gif);} #productlist td.save75 span.new_stars, .home_products li.save76 span.new_stars { background-image: url(/img/stars/trans/save75.gif);} #productlist td.save80 span.new_stars, .home_products li.save80 span.new_stars { background-image: url(/img/stars/trans/save80.gif);} #productlist td.save85 span.new_stars, .home_products li.save85 span.new_stars { background-image: url(/img/stars/trans/save85.gif);} #productlist td.save90 span.new_stars, .home_products li.save90 span.new_stars { background-image: url(/img/stars/trans/save90.gif);} #productlist td.save95 span.new_stars, .home_products li.save95 span.new_stars { background-image: url(/img/stars/trans/save95.gif);} #prod-desc { padding: 10px 0 10px 0; } /* #productlist td a img, .home_products li a img { margin-left: 16px; } #productlist td.uncentre a img, .home_products li.uncentre a img { margin-left: 16px; } #productlist td, .home_products li { background: none; } */ #productlist td a img, .home_products li a img { border: none; display: block; margin: 4px 4px 0 16px; position: relative; left: -6px; } #productlist td a img { margin-left: 20px; } #productlist td a img.old_img, .home_products li a img.old_img { margin: 4px 4px 15px 54px; } #productlist td a strong, .home_products li a strong { display: block; font-size: 1.1em; padding: 8px 3px 2px 8px; font-weight: normal; color: #006DD3; text-align: center; } #productlist td a span, .home_products li a span { display: block; font-size: 1.1em !important; padding: 0 3px 0px 8px; text-align: center; } #productlist td a span em, .home_products li a span em { font-style: normal; color: #C8181A; padding-left: 2px;font-weight: bold; display: inline; font-size: 1em; padding: 0; } #productlist td a span em.sthr, .home_products li a span em.sthr { text-decoration: line-through; } #productlist td a em, .home_products li a em { display: block; text-align: center; font-size: .8em; color: #777; font-style: normal; padding: 2px 0; } #productlist td a em span, .home_products li a em span { display: inline; height: 0px; padding: 0 2px; margin-left: 2px; } #productlist td a:hover, .home_products li a:hover { background: url(../../img/design/product_hover.gif) 0px 0px no-repeat; } /* Homepage sepcific */ #home_products { margin: 16px 0 15px 0; } .home_products_col { width: 226px; float: left; } #hp_used, #hp_new { margin-right: 13px; } .home_products_col h3 { margin: 0; } .home_products_col h3 a { width: 226px; height: 31px; display: block; margin: 0; text-indent: -10000px; background-repeat: no-repeat; background-position: 0px 0px; } #hp_used h3 a { background-image: url(../../img/design/hp_title_used.gif); } #hp_new h3 a { background-image: url(../../img/design/hp_title_new.gif); } #hp_frames h3 a { background-image: url(../../img/design/hp_title_cases.gif); } .home_products { margin: 0; line-height: 1em; border: 1px solid #C3D1E4; border-top: none; } #hp_used .home_products { border-color: #E0CED0; } .home_products li { margin-bottom: 0px; } .home_products li a { width: 219px; padding: 5px 3px 4px 0px; border: 1px solid #fff;} .home_products li a:hover { background: url(../../img/design/home_product_hover.gif) 0px 0px no-repeat; text-decoration: underline; } .home_products li a:hover { background: transparent; border: 1px solid #A5C7E9; text-decoration: none; } #home_special_offers { margin: 16px 0 0 0; padding: 0; } /* ------------------------------------------------------ @9 Home Intro --------------------------------------------------------- */ #home_intro { background: url(../../img/design/home_intro.gif) 0px 0px no-repeat; color: #B2CCEE; padding-bottom: 1px; } #home_intro_main { width: 460px; padding: 18px 0 10px 22px; float: left; } #home_intro_main h2 { margin: 0em 1em .5em 0; font-size: 1.25em; color: #EDF7FF; } #home_intro_main p { font-size: 0.8em; line-height: 1.6em; } #home_intro_side { width: 162px; float: left; padding: 50px 0 0 56px; } a.function_btn { display: block; color: #fff; text-decoration: none; font-size:.7em; text-align: center; width: 140px; height: 30px; padding: 6px 0 0 0; margin-bottom: 10px; background: url(../../img/design/function_button.gif) 0px 0px no-repeat; text-indent: -10000px; outline: none; } #sell_btn { background-position: -140px 0px; } #buy_btn:hover { background-position: 0px -36px; } #sell_btn:hover { background-position: -140px -36px; } #full_product_view { padding: 18px 19px 10px 19px; border: 1px solid #C3D1E4; background: #F0F4F8; border-top: none; position: relative; margin-bottom: 15px; } #full_product_view h2 { margin: 0em 1em .4em 0; font-size: 1.35em; color: #666; } p.price { font-size: 1.1em !important; color: #3F5057; position: absolute; top: 21px; right: 20px; margin: 0; } p.price strong { color: #0C7B9B; } #colours_available { font-size: .85em; font-style: italic; margin-bottom: 1.2em; margin-top: 3px; } #colours_available span { padding: 1px 4px; color: #fff; margin-left: 5px; font-style: normal; } /* -------------------------------------------------- Product - Associated docs (not Used) ---------------------------------------------------- */ ul#assoc-files {margin: 1em 0; list-style-type: none;} ul#assoc-files li {font-size: 0.8em; line-height: 1.5em; margin-bottom: 0.5em;} ul#assoc-files li {padding-left: 28px; background: url(../../img/icons/file.gif) 5px 3px no-repeat; } ul#assoc-files li.xls {background-image: url(../../img/icons/xls.gif);} ul#assoc-files li.pdf {background-image: url(../../img/icons/pdf.gif);} ul#assoc-files li.doc {background-image: url(../../img/icons/doc.gif);} ul#assoc-files li.jpg {background-image: url(../../img/icons/jpg .gif);} p.pdf {padding-bottom: 5px; background: url(../../img/icons/pdf.gif) 0 4px no-repeat; padding-left: 22px;} /* -------------------------------------------------- Product - Similar Products (shown when product not found) ---------------------------------------------------- */ ul#similar {margin: 1em 2em; list-style-type: disc;} ul#similar li {line-height: 1.5em;} ul#similar li em {font-style: normal; color: #C8181A; padding-left: 2px;} ul#similar li em.sthr {text-decoration: line-through;} /* -------------------------------------------------- Product - Multiple Photos ---------------------------------------------------- */ div#pimages { position: relative; min-height: 350px; } div#pimages ul {margin: 0; padding: 0; width: 82px; float: right; list-style: none;} #masterpic img {border: 1px solid #ccc; display: block; margin-bottom: 10px;} #pimages ul li {margin: 0; padding: 0; margin-bottom: 8px;} div#pimages ul li a {display: block; font-size: .7em; text-decoration: none; text-align: center; width: 82px; } #pimages ul img {display: block; border: none; border: 1px solid #C3E2FE; float: left;} #masterpic img#aloader {display: none; position: absolute; top: 50px; left: 283px; border: none; } #pimages ul li a.current { cursor: default; } #pimages ul li a.current img {border: 1px solid #07406F; } #pimages ul li a.current span {background: #07406F; color: #fff;} #pimages ul li span {display: block; background: #c3e2fe; color: #fff; padding: 0px 2px 1px 2px; color: #000;} div#pclear {clear: right;} /* single photo */ p#prod-img {margin: 0 0 5px 1px;} /* -------------------------------------------------- Product - Reference, Age and Location paragraph ---------------------------------------------------- */ p#prod-ref {font-size: 0.8em; padding: 2px 0 16px 0; margin: 0; } p#prod-ref strong {background-repeat: no-repeat; background-position: 0 3px; padding-left: 13px;} p#prod-ref span {padding-right: 15px;} p#prod-ref strong.ref {background-image: url(../../img/icons/sphere.gif);} p#prod-ref strong.age {background-image: url(../../img/icons/sphere.gif);} p#prod-ref strong.loc {background-image: url(../../img/icons/sphere.gif);} /* -------------------------------------------------- Product - color options ---------------------------------------------------- */ #add_cart_heading { padding: 3px 40px 3px 34px; background: url(../../img/design/add_cart_heading.gif) 100% 5px no-repeat; margin: 0 0 10px 0; color: #143156; text-align: right; } table#color-options {border-collapse: collapse; width: 100%; } table#color-options th { font-size: .85em; text-align: left; padding: 5px 10px 5px 7px; background: #FFF08B; border: 1px solid #C8C8A5; } /* table#color-options th.pt { width: 240px; } table#color-options th.pc { width: 90px; } */ table#color-options #quantity_col, table#color-options td.last_col { width: 100px; } table#color-options td { padding: 6px 10px 6px 7px; font-size: .85em; border: 1px solid #C8C8A5; background: #FFFFCC; } table#color-options p {margin: 0; padding: 0; } table#color-options select { width: 93px; padding: 2px; font-size: 1.2em; border: 1px solid #aaa; margin: 0; vertical-align: top; } table#color-options td input.one { width: 85px; padding: 2px; border: 1px solid #aaa; } #p_add_cart { font-size: 1.3em; font-family: arial; padding: 2px 5px; overflow: visible; margin: 2px 0; cursor: pointer; } #color-options td.quantity select { font-size: 1em; } /* -------------------------------------------------- Product Buttons ---------------------------------------------------- */ #content ul.product_funcs { list-style: none; margin: 10px 0 0px 0; width: 570px; height: 44px; } hr.clear { height: 0px; line-height: 0px; width: 1px; clear: left; color: #fff; border: none; border-color: #fff; } #content ul#cart_buttons { width: 680px; margin-left: 20px; } ul.product_funcs li { float: left; margin-right: 14px; margin-bottom: 0; } ul.product_funcs li a { display: block; height: 32px; width: 165px; text-indent: -10000px; background-image: url(../../img/design/product_btn_2013.gif); background-repeat: no-repeat; } #delivery_btn { background-position: 0px 0px; } #finance_btn { background-position: 0px -32px; } #photo_btn { background-position: 0px -64px; } #continue_btn { background-position: 0px -96px; margin-right: 320px; } #o_finance_btn { background-position: 0px -128px; } #checkout_btn { background-position: 0px -160px; margin-right: 0; } #installation_btn { background-position: 0px -192px; } #delivery_btn:hover { background-position: -165px 0px; } #finance_btn:hover { background-position: -165px -32px; } #photo_btn:hover { background-position: -165px -64px; } #continue_btn:hover { background-position: -165px -96px; } #o_finance_btn:hover { background-position: -165px -128px; } #checkout_btn:hover { background-position: -165px -160px; } #installation_btn:hover { background-position: -165px -192px; } p#empty-cart a { color: #618495; padding: 2px 0 2px 15px; background: url(../../img/design/trash.gif) 0px 50% no-repeat; } /* -------------------------------------------------- Product pagination ---------------------------------------------------- */ #content p.paging {text-align: center; margin: 20px 0;} #content p.paging span {padding: 2px 6px; margin: 0 0 3px 3px; color: #ccc;} #content p.paging a {padding: 2px 6px; margin: 0 0 3px 3px; text-decoration: none; border: 1px solid #ddd; color: #4863E8;} #content p.paging a:hover {border: 1px solid #004D8E;} #content p.paging a.current {border: none; color: #fe01b3; cursor: default; font-weight: bold; padding: 2px 3px;} #content p.stats {text-align: center; font-size: 0.5em;} table#ydetails {border-collapse: collapse; margin-bottom: 10px;} table#ydetails th {padding: 4px 2px 0 10px; font-size: 0.8em; text-align: left; vertical-align: top;} table#ydetails td {padding: 4px; font-size: 0.8em; vertical-align: top;} table#ydetails {} span.sup {font-size: 1.4em;} /*textarea#notes {padding: 2px; margin-left: 20px; width: 500px;}*/ dl#contact-details {margin: 20px 0 0 30px; font-size: 0.8em; line-height: 1.4em;} dl#contact-details dt {width: 70px; float: left; margin-bottom: 10px;} dl#contact-details dd {margin-left: 80px; margin-bottom: 10px;} dl#contact-details {} /* -------------------------------------------------- Site Map / Product A to Z ---------------------------------------------------- */ .sitemap { } .sitemap li ul { margin-top: 0.6em; font-size: 1.0em; } #a2z_links { text-align: center; } .a2z { } .a2z ul { margin: 0; padding: 0; list-style-type: none; font-size: 0.7em; } .a2z ul li { width: 320px; float: left; margin-right: 20px; } .a2z h3 { border-bottom: 1px solid #177FD6; } img.example_image1 { margin-left: 130px; } img.example_image2 { margin-left: 170px; } div.alert { padding: 15px 30px 5px 35px; margin: 0 10px 20px 10px; } div.alert h3 { margin-top: -2px; padding-top: 0; } div.alert ul, div.alert ol { margin-top: 0em; font-size: 0.8em; } div.warning { background: #fcfce2 url(/img/icons/alert.gif) 12px 15px no-repeat; border: 1px solid #e4cb9c; } div.done { background: #deffef url(/img/icons/accept.gif) 12px 15px no-repeat; border: 1px solid #58bf8c; } div.error { background: #fde6e6 url(/img/icons/cancel.gif) 12px 15px no-repeat; border: 1px solid #e56666; } div.help { background: #edf2fa url(/img/icons/helper.gif) 12px 15px no-repeat; border: 1px solid #9dbadf; } .printable { display: none; } .debug { width: 500px; background: yellow; margin: 5px; padding: 5px; font-size: 0.8em; } #content p { font-size: 0.8em; } #content li, #content h5 { font-size: 0.9em; } /* My Account Area --------------------------------------------------------------------*/ .myaccount_orders { border-collapse: collapse; border: 1px solid #c8c8a5; font-size: 0.9em; margin: 12px 0; } .myaccount_orders th { padding: 5px; background: #fff08b; border: 1px solid #c8c8a5; } .myaccount_orders td { padding: 5px; background: #ffc; border: 1px solid #c8c8a5; } p#submit_second { padding-left: 0px; } p#submit_second input { padding: 3px 8px; } /* Development styles --------------------------------------------------------------------*/ #temp_debug { background: #eee; position: absolute; left: 10px; top: 5px; width: 300px; padding: 5px; text-align: left; height: 600px; overflow: auto; font-size: 11px; line-height: 11px;} #temp_debug h4 { margin: 0 0 6px 0; padding: 0; border-bottom: 1px solid #004B8F; } #temp_debug pre { font-family: Arial; } .other_debug { text-align: left; } ul.testimonials_list { margin: 0 15px 20px; } .testimonials_list blockquote { color: #555; font-size: 14px; line-height: 20px; margin: 0 0 10px; } .testimonials_list cite { display: block; font-size: 15px; font-weight: bold; text-align: right; } .testimonials_list li { border-top: 1px solid #d0e5f6; list-style: none; margin: 0; padding: 15px; } .testimonials_list li:first-child { border-top: 0; } .testimonials_list li:nth-child(odd) { background: #f5fafd; } .testimonials_list span { color: #177fd6; font-size: 34px; line-height: 10px; vertical-align: bottom; } a.twitter { position: absolute; left: 50%; top: 10px; width: 150px; background: url(/img/icons/twitter.png) left 0 no-repeat; color: #33CCFF; text-decoration: none; padding-left: 20px; margin-left: -75px; font-size: 14px; } a.twitter:hover { text-decoration: underline; } a.twitter-x { position: absolute; left: 50%; top: 10px; width: 150px; background: url(/img/icons/x-logo.png) left 0 no-repeat; background-size: 16px 16px; text-decoration: none; padding-left: 20px; margin-left: -75px; font-size: 14px; } a.twitter-x:hover { text-decoration: underline; } div#nostock { background-color: #fcfce2; border: 1px solid #e4cb9c; margin-bottom: 26px; padding: 15px 15px 0 15px; } div#nostock p { margin-bottom: 15px; font-size: 14px; } /* Payment confirmation UTL - added 1st March 2023 */ div.payment_confirmation { text-align: center; background-color: #deffef; border: 1px solid #58bf8c; padding: 30px; } div.payment_failed { text-align: center; background-color: #fde6e6; border: 1px solid #e56666; padding: 30px; } div.payment_confirmation h2, div.payment_failed h2 { text-align: center; margin-bottom: 20px; } div.payment_confirmation p, div.payment_failed p { text-align: center; }