body { margin: 0 auto; text-align: center; padding-top: 5px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 11px; line-height: 16px; /* background-image: url(http://www.cashmachine.co.uk/images/cashm-travelbg-1103.jpg); background-position: top center; */ /* background-image: url(http://www.cashmachine.co.uk/images/green-bg-striped.gif); background-repeat: repeat-x; */ background-image: url('http://www.catalink.com/images/catalink-xmas-bg-1111.jpg'); background-position: center top; background-repeat: repeat-x; background-color: #ffffff; } input,textarea,select{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 11px; } img { border: none; } a { color:#009337; text-decoration: none;} a:visited { text-decoration:none; } a:hover {color:#ff3333; text-decoration:underline; } a:active {color:#ff3333; text-decoration:underline; } p { padding: 0; margin: 0; } form { margin: 0; padding: 0; } div.main { clear: both; margin: 0 auto; width: 978px; border: 0px #abadb3 solid; /* background-image: url(images/background_blue.jpg); background-repeat: repeat-y; background-color: #FFFFFF; */ text-align:center; position: relative; } table.backcolour { background-color:transparent; border: none; } td.backcolourcell { background-color:transparent; border: none; } div.row_logged { clear: both; background-color: #fff0e1; } div.row { clear: both; } div.cell { display: table-cell; float: left; } div.cell_logged { clear: both; background-image: url(images/left-col-cream.jpg); background-repeat: no-repeat; width: 34px; height: 144px; background-color: #fff0e1; } div.toplogo { clear: both; width: 958px; height: 110px; /* background-image: url(/images/CM-xmas11-header.jpg); */ position: relative; z-index:25; background-color: #FFFFFF; } div.toplogo p { position: absolute; top: 12px; right: 12px; z-index:25; } div.toplogo p a { color: Black; margin: 0 3px; z-index:25; } div.toplogo p a:hover { text-decoration: underline; z-index:25; } div.topnav { clear: both; background-image: url(images/menu_strip35.jpg); background-repeat: repeat-x; height: 30px; width: 958px; display: table; line-height: 30px; background-color: #FFFFFF; z-index:1 } div.topnav a:hover{ background-image: url(images/menu_strip-pink35.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:10 } div.topnav a { background-image: url(images/topnavspacer30.gif); background-repeat: no-repeat; background-position: right; padding: 1px 25px 1px 21px; color: White; text-decoration: none; height: 30px; float: left; z-index:50 } div.navwhite { background-color: #FFFFFF; height: 4px; line-height: 4px; width: 958px; z-index:1 } div.topnavcat { background-image: url(images/topnavspacer-reda.jpg); background-repeat: repeat-x; text-decoration: none; height: 8px; line-height: 8px; width: 958px; color: Black; z-index:1 } div.topnavbro { background-image: url(images/topnavspacer-bluea.jpg); background-repeat: repeat-x; text-decoration: none; height: 8px; line-height: 8px; width: 958px; color: Black; z-index:1 } div.topnavmag { background-image: url(images/topnavspacer-maga.jpg); background-repeat: repeat-x; text-decoration: none; height: 8px; line-height: 8px; width: 958px; color: Black; z-index:1 } div.topnavret { background-image: url(images/topnavspacer-green.jpg); background-repeat: repeat-x; text-decoration: none; height: 8px; line-height: 8px; width: 958px; color: Black; z-index:1 } div.topnavnon { background-image: url(images/topnavspacer-silver.jpg); background-repeat: repeat-x; text-decoration: none; height: 8px; line-height: 8px; width: 958px; color: Black; z-index:1 } div.topnavcaton a { background-image: url(images/menu_strip-red35a.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } div.topnavcaton a:hover { background-image: url(images/menu_strip-red35a.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } div.topnavcatoff a:hover { background-image: url(images/menu_strip-red35a.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } div.topnavmagon a { background-image: url(images/menu_strip-mag35a.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } div.topnavmagon a:hover { background-image: url(images/menu_strip-mag35a.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } div.topnavmagoff a:hover { background-image: url(images/menu_strip-mag35a.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } div.topnavbroon a { background-image: url(images/menu_strip-blue35a.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } div.topnavbroon a:hover { background-image: url(images/menu_strip-blue35a.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } div.topnavbrooff a:hover { background-image: url(images/menu_strip-blue35a.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } div.topnavreton a { background-image: url(images/menu_strip-green35.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } div.topnavreton a:hover { background-image: url(images/menu_strip-green35.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } div.topnavretoff a:hover { background-image: url(images/menu_strip-green35.jpg); background-repeat: repeat-x; text-decoration: none; color: Black; z-index:25 } input.find { width: 122px; height: 20px; border: 1px #abadb3 solid; padding: 2px; margin-top: 2px; margin-right: 5px; text-align:left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 11px; } input.findbtn { margin-top: 4px; height:24px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 11px; margin-bottom: 1px; } div.mainbg { clear: both; background-image: url(images/mainbg.gif); background-repeat: repeat-y; width: 958px; background-color: #ffffff; } div.left { float: left; width: 212px; margin-right: 3px; } div.leftcoltitle01, div.leftcoltitle02 { clear: both; background-image: url(/images/left-col-title-bg01a.gif); background-repeat: no-repeat; width: 212px; height: 31px; line-height: 32px; font-size: 12px; padding-left: 36px; font-weight: bold; } div.leftcoltitle02 { background-image: url(/images/left-col-title-bg02a.gif); height: 31px; line-height: 36px; } div.rightcoltitle01 { clear: both; background-image: url(/images/left-col-title-bg01a.gif); background-repeat: no-repeat; width: 50px; height: 31px; line-height: 32px; font-size: 12px; padding-right: 5px; font-weight: bold; } div.signup { float: left; width: 170px; } div.signup_logged { float: left; margin-left: 35px; width: 170px; background-color: #fff0e1; } div.signup p { width: 170px; font-size: 11px; line-height: 18px; margin-top: 8px; margin-left: 8px; } div.signup input { margin-top: 4px; margin-bottom: 7px; } div.signuptxt { width: 204px; font-size: 11px; margin-left: 8px; } div.signuptxt p { margin-top: 5px; } div.leftnav { clear: both; padding-left: 1px; padding-top: 5px; padding-bottom: 5px; background-color: #EBEBEB; } div.leftnav a { width: 210px; height: 20px; padding-left: 0px; display: block; line-height: 20px; margin-bottom: 3px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 11px; border-bottom: 1px #bac1c4 solid; text-decoration: none; } div.leftnav a:hover { color: #009f3c; background-color: #cfcdcd; text-decoration: none; } div.rightnav { clear: both; padding-right: 1px; padding-top: 5px; padding-bottom: 5px; background-color: #EBEBEB; } div.rightnav a { width: 210px; height: 20px; padding-left: 0px; display: block; line-height: 20px; margin-bottom: 3px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 11px; border-bottom: 1px #bac1c4 solid; text-decoration: none; } div.rightnav a:hover { color: #009f3c; background-color: #cfcdcd; text-decoration: none; } div.leftnavsub a { width: 195px; margin-left: 15px; height: 18px; padding-left: 0px; display: block; line-height: 18px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 11px; border-bottom: 1px #bac1c4 solid; background-color: #FFFCCF; text-decoration: none; } div.leftnavsub a:hover { background-color: #FFFCCF; text-decoration: none; } div.leftnavsubtravel a { width: 195px; margin-left: 15px; height: 18px; padding-left: 0px; display: block; line-height: 18px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 11px; border-bottom: 1px #bac1c4 solid; background-color: #B9D3EE; text-decoration: none; } div.leftnavsubtravel a:hover { background-color: #60AFFE; text-decoration: none; } div.leftnavsubcat a { width: 195px; margin-left: 15px; height: 18px; padding-left: 0px; display: block; line-height: 18px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 11px; background-color: #cfcdcd; border-bottom: 1px #bac1c4 solid; text-decoration: none; } div.leftnavsubcat a:hover { color: #009f3c; background-color: #EBEBEB; text-decoration: none; } div.right { float: left; width: 741px; } div.right_preview { float: left; width: 743px; } div.title01_preview { clear: both; background-image: url(/images/title-bg01a.gif); background-repeat: no-repeat; width: 743px; height: 31px; line-height: 31px; padding-left: 38px; font-size: 13px; margin-bottom: 3px; font-weight: bold; z-index: 0; } div.rowcataloguef_preview { clear: both; padding-left: 0px; padding-bottom: 10px; padding-right: 0px; height: 146px; z-index: 0; } div.cataloguecontent_preview { clear: both; padding-left: 6px; padding-right: 0px; padding-bottom: 6px; width: 738px; background-image: url(images/preview.gif); background-repeat: no-repeat; } div.disclaimer { padding-left: 6px; padding-right: 6px; margin-bottom: 6px; width: 738px; line-height: 14px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #444444; font-size: 10px; } div.cataloguecontent { clear: both; padding-left: 5px; padding-right: 0px; padding-bottom: 5px; width: 738px; background-color: #EBEBEB; } div.toolbarcontent { clear: both; padding-left: 5px; padding-right: 0px; padding-bottom: 5px; padding-top: 5px; width: 738px; background-color: #ffffff; } div.alphabetcontent { clear: both; padding-left: 10px; padding-right: 0px; padding-bottom: 5px; width: 200px; line-height: 18px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #EBEBEB; } div.top_retailers { clear: both; background-image: url(/images/title-bg01a.gif); background-repeat: no-repeat; width: 743px; height: 31px; line-height: 31px; padding-left: 38px; font-size: 13px; margin-bottom: 3px; font-weight: bold; } div.title01 { clear: both; background-image: url(/images/title-bg01a.gif); background-repeat: no-repeat; width: 743px; height: 31px; line-height: 31px; padding-left: 38px; font-size: 13px; margin-bottom: 3px; font-weight: bold; } div.rowcatalogue { clear: both; padding-left: 5px; padding-bottom: 5px; padding-right: 0px; height: 146px; background-color: #EBEBEB; } div.rowcataloguebottom { clear: both; padding-left: 5px; padding-bottom: 5px; padding-right: 0px; height: 200px; } div.rowcatalogue_2 { clear: both; padding-left: 5px; padding-bottom: 5px; padding-right: 0px; height: 110px; background-color: #ffffff; } div.rowcatalogue_3 { clear: both; padding-left: 5px; padding-bottom: 5px; padding-right: 0px; height: 155px; z-index:10; } div.rowcatalogue_4 { clear: both; padding-left: 5px; padding-bottom: 5px; padding-right: 0px; height: 170px; } div.rowcataloguef { clear: both; padding-left: 0px; padding-bottom: 5px; padding-right: 0px; height: 146px; } div.rowcatalogue_comp { clear: both; padding-left: 20px; padding-bottom: 5px; padding-right: 0px; height: 146px; } div.cataloguelisting { clear: both; padding-left: 5px; padding-top:5px; padding-bottom: 5px; width: 743px; background-color: #ffffff; } h1 { line-height: 32px; font-size: 13px; font-weight: bold; color:black; padding-bottom:0px; margin-bottom:0px; padding-top:0px; margin-top:0px; } div.cataloguetext { clear: both; padding-left: 6px; padding-bottom: 10px; width: 743px; } div.cataloguecell, div.cataloguecell-on { float: left; width: 138px; height: 105px; border: 1px #009337 solid; background-color: #f3f3f3; position: relative; margin-right: 5px; cursor: pointer; } div.cataloguecell-on { border: 1px #009337 solid; background-color: White; } div.cataloguecell img, div.cataloguecell-on img { position: absolute; top: 7px; left: 4px; } div.cataloguecell p, div.cataloguecell-on p { color: #545454; position: absolute; top: 70px; left: 5px; width: 120px; align:center; } div.cataloguecell-on p { color: Black; } div.cataloguecell_bottom, div.cataloguecell-on_bottom { float: left; width: 140px; height: 186px; border: 1px #bac1c4 solid; background-color: #ffffff; position: relative; margin-right: 5px; cursor: pointer; } div.cataloguecell-on_bottom { border: 1px #708189 solid; background-color: White; } div.cataloguecell_bottom img, div.cataloguecell-on_bottom img { position: absolute; top: 7px; left: 28px; } div.cataloguecell_bottom p, div.cataloguecell-on_bottom p { color: #545454; position: absolute; top: 104px; left: 6px; width: 120px; align:center; } div.cataloguecell-on_bottom p { color: Black; } div.cataloguecell_2, div.cataloguecell-on_2 { float: left; width: 250px; height: 210px; border: 1px #bac1c4 solid; background-color: #ffffff; position: relative; margin-right: 5px; cursor: pointer; } div.cataloguecell-on_2 { border: 1px #708189 solid; background-color: White; } div.cataloguecell_2 img, div.cataloguecell-on_2 img { position: absolute; top: 7px; left: 6px; } div.cataloguecell_2 p, div.cataloguecell-on_2 p { color: #545454; position: absolute; top: 77px; left: 5px; width: 120px; align:center; } div.cataloguecell-on_2 p { color: Black; } div.cataloguecell_3, div.cataloguecell-on_3 { z-index:15; float: left; width: 140px; height: 155px; border: 1px #bac1c4 solid; background-color: #f3f3f3; position: relative; margin-right: 5px; } div.cataloguecell-on_3 { z-index:15; border: 1px #708189 solid; background-color: White; } div.cataloguecell_3 img, div.cataloguecell-on_3 img { z-index:15; position: absolute; top: 7px; left: 28px; } div.cataloguecell_3 p, div.cataloguecell-on_3 p { z-index:15; color: #545454; position: absolute; top: 104px; left: 6px; width: 120px; align:center; } div.cataloguecell-on_3 p { z-index:15; color: Black; } div.cataloguecell_4, div.cataloguecell-on_4 { float: left; width: 140px; height: 170px; border: 1px #bac1c4 solid; background-color: #f3f3f3; position: relative; margin-right: 5px; cursor: pointer; } div.cataloguecell-on_4 { border: 1px #708189 solid; background-color: White; } div.cataloguecell_4 img, div.cataloguecell-on_4 img { position: absolute; top: 7px; left: 28px; } div.cataloguecell_4 p, div.cataloguecell-on_4 p { color: #545454; position: absolute; top: 104px; left: 6px; width: 120px; align:center; } div.cataloguecell-on_4 p { color: Black; } div.title02 { clear: both; background-image: url(/images/title-bg02a.gif); background-repeat: no-repeat; width: 705px; *width: 743px; height: 31px; line-height: 32px; padding-left: 38px; font-size: 13px; font-weight: bold; } div.titleads { clear: both; width: 743px; height: 134px; padding-left: 1px; padding-top: 4px; background-color: #ffffff; } div.titleadssmaller { clear: both; width: 740px; height: 130px; padding-left: 1px; padding-top: 4px; background-color: #ffffff; } div.signedin_welcome { clear: both; width: 740px; height: 180px; padding-left: 1px; padding-top: 4px; background-color: #ffffff; } div.titleadssmaller_2 { clear: both; width: 743px; height: 475px; padding-left: 1px; padding-top: 4px; background-color: #ffffff; } div.bottomads { clear: both; width: 743px; height: 143px; padding-left: 1px; padding-top: 4px; background-color: #ffffff; } div.downboxestitle { clear: both; background-image: url(images/downboxes-titlebg.gif); background-repeat: repeat-y; display: table-cell; width: 743px; height: 26px; } div.downboxtitle { float: left; width: 185px; height: 26px; line-height: 26px; text-align: center; font-size: 13px; color: #545454; font-weight: bold; } div.downboxesbg { clear: both; background-image: url(images/downboxes-bg.gif); background-repeat: repeat-y; width: 743px; height: 135px; } div.downboxlink { font-size: 11px; line-height: 19px; width: 180px; margin-left: 5px; padding-top: 10px; float: left; } div.downboxlink a { padding-left: 0px; width: 179px; color: #545454; display: block; } div.downboxlink a:hover { background-color: #cfcdcd; text-decoration: none; } div.footer { clear: both; background-image: url(images/footer-bg.jpg); background-repeat: no-repeat; width: 958px; height: 78px; color: #545454; font-size: 9px; line-height: 19px; } div.footer p { padding-top: 18px; } div.footer a { color: #009337; } div.footer a:hover { text-decoration: underline; } div.infoheading a { color: #000000; text-decoration: none; } div.infoheading a:hover { text-decoration: underline; } #dhtmltooltip{ position: absolute; left: -300px; width: 150px; border: 1px solid black; padding: 2px; background-color: #ebf4ea; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } #dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; } .clDescriptionCont {position:absolute; visibility:hidden; z-index:240;} .clDescription {width:280px; left:0px; top:0px; overflow:hidden; border: 1px solid #003397; padding:3px; background-color:#F0F3F9; layer-background-color:#f3f3f3;} div.pop { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 11px; line-height: 16px; }