
* {
  margin:0;
  padding:0;
  font-size:12px;
  font-family:Tahoma,Verdana,'Lucida Grande', lucida, Helvetica, Arial, sans-serif;
  color:#000;
}	

#wrapper {
  width:960px;
  min-width:960px;
}

#header {
  height:100px;
  padding:12px 10px 0 10px;
}

#header .seperator-line, #page-content .seperator-line, .page-content .seperator-line { display:none; }
#header-links { display:none; }
#header-icons { display:none; }
#logo { float:left; width:216px; height:41px; }
#header-search { display:none; }

/* Category menu */
.categories { display:none; }

/* catalogues & vouchers links  */
.right-nav { display:none; }
#right-nav { display:none; }
.standard-btn { display:none;  }
.signup-button { display:none; }
.signup-button-over { display:none; }

.page-content { width:800px; }
#footer-wrapper { display:none; }
#contact-us #contactUsForm, #contact-us DIV.cols3 IMG { display:none; }
#footer { display:none; }
#breadcrumbs { display:none; }
span.hidden-timer-text { display:none; }

.rounded, .rounded-grey { display:none; }

/* Rounded corner boxes used on Search Results page */
.grey490-bg, .white490-bg { border:1px solid #000; width:478px; height:92px; padding:2px 6px 0 6px; line-height:15px; overflow:hidden; }
* HTML .white490-bg, * HTML .grey490-bg { width:490px; height:94px; }

H1 { font-size:25px; line-height:30px; font-weight:normal; padding:5px 0; }
.page-content H1 { text-transform:capitalize; }
.page-content H1 SPAN { font-size:15px; }
H2 { font-size:13px; font-weight:bold; padding:5px 0; line-height:20px; }
H3 { text-transform:uppercase; font-size:12px; font-weight:bold; }
UL { margin:8px 0 8px 25px; }
OL { margin:8px 0 8px 35px; }
P { margin:15px 0; }
IMG { border:0; }
IMG.banner-ad { display:none; }
DIV#preloadedImages { display: none; }

A { color:#404040; text-decoration:none; }

A.button { display:none; }
FIELDSET { border:1px solid #000; padding:15px; }
LEGEND { font-weight:bold; }

.clear { clear:both; height:0; line-height:0; visibility: hidden; font-size:px; /* IE hack to make zero height */ }
.seperator-line { border-top:1px solid #999; height:1px; line-height:1px; }
.seperator-line2 { border-top:1px solid #999; height:1px; line-height:1px; margin:10px 0; }
.right { text-align:right; }
.leftMargin { margin-left:10px; }
.leftTop { margin-left:10px; margin-top:10px; }

.errorMessages, .successMessages, .generalMessages { padding:10px; font-weight:bold; } 

/* Home page */
H1.topMargin { margin-top:5px; }
#right-nav-home-page { height:68px; }
DIV.login-box { display:none; }

/* Forms and field styles */
TABLE.standardForm TD { padding:3px 2px; }
SELECT, TEXTAREA, INPUT[type="text"], INPUT[type="button"], INPUT[type="password"], INPUT[type="submit"] { font-size:12px; padding:2px 1px; } 
SELECT { background-color:#FFF; }
.field90px { width:91px; }
.field120px { width:121px; }
.field170px { width:171px; }
.field190px { width:191px; }
.field280px { width:281px; }
.textbox, .dropdown { height:21px; padding:4px 0 3px 5px; }
.dropdown140px { width:140px; }
.dropdown190px { width:190px; }

DIV.sort-filters { display:none; } 

/* Signup page */
.sidebox-promo { display:none; }
.signup-form { display:none; }

/* Generic Pager */
.resultsPager { display:none; }
.pagerText { display:none; }


/* Search results page */
.tblSearchQuestion, .tblSearchForm { display:none; }
#search-results H2 { line-height:15px; font-weight:bold; font-size:12px; padding:0; margin:0; }
#search-results .white490-bg, #search-results .grey490-bg { margin-bottom:10px; }

.tblRetailerLists { width:100%; }
.tblRetailerLists TD { vertical-align:top; }
.tblRetailerLists TD DIV.wrapper { width:380px; height:69px; margin-bottom:15px; padding-top:4px; border:1px solid #999; }
.tblRetailerLists TD DIV.retailer { margin:0 8px; font-size:.75em; height:4.95em; overflow:hidden; line-height:0.9em; }
.tblRetailerLists TD DIV.retailer P { margin:0; font-size:1em; line-height:1.3em; }
.tblRetailerLists TD.leftCol { width:380px; padding-right:10px; }
.tblRetailerLists TD.rightCol { width:380px; }

/* Catalogue & Voucher pages */
.catalogueWrapper, .voucherWrapper { margin-bottom:15px; position:relative; }
.grey-bg, .white-bg { width:790px; height:119px; border:1px solid #999; }
.catalogue, .voucher { margin:4px 8px; height:9.1em; line-height:1.3em; font-size:1em; overflow:hidden; }
.catalogue P, .voucher P { margin:0; padding:0; }
.catalogue .downloadButton, .voucher .downloadButton { display:none; }
.catalogue .retailerLogo, .voucher .retailerLogo { float:left; margin:4px 12px 8px 0; border-left:1px solid #D6D6D6; border-top:1px solid #D6D6D6; border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
.catalogue .catalogueThumbnail, .voucher .voucherThumbnail { float:right; margin:4px 0 8px 12px; }
.catalogueWrapper H2, .voucherWrapper H2 { padding:0; line-height:18px; }

/* Categories */
.category { position:relative; width:251px; height:165px; margin-top:20px; margin-left:13px; float:left; overflow:hidden; cursor:pointer; }
.categoryOverlay { position:absolute; width:251px; min-height:30px; margin:0; z-index:2; }
.categoryOverlay DIV { padding:5px 0 5px 10px; line-height:18px; min-height:18px; font-size:14px; font-weight:normal; color:#000; text-transform:uppercase; }
* HTML .categoryOverlay DIV { min-height:28px; }
.categoryImage { position:absolute; width:252px; height:132px; margin-top:23px; z-index:1; overflow:hidden; } 
.missingImageMessage { width:250px; height:147px; }
.missingImageMessage DIV { text-align:center; padding-top:42px; }
.category-description, .retailer-description { margin:20px 0; font-size:12px; }

/*  Advertisements 
DIV/IMG nesting for the images & thumbnails (left-side):
- imagesWrapper 
  - adImageDiv
    - adImageOverlay
	- adImage 
		- IMG
  - thumbWrapper
    - thumbStripWrapper
	  - thumbStripSlider
		- thumb (multiple)
		  - IMG
		- .clear
 */
.imagesWrapper, .adMainContentDiv { float:left; margin-top:10px; margin-left:10px;  }
.imagesWrapper { height:425px; width:302px; position:relative; overflow:hidden; }
.adImageDiv { margin-bottom:5px; height:325px; position:relative; overflow:hidden; }
.adImage { position:absolute; bottom:0; z-index:1; overflow:hidden; margin:0; }
.adImageOverlay { position:absolute; width:300px; margin:0; z-index:2; }
.adImageOverlay DIV { padding:6px 5px 6px 10px; font-size:14px; font-weight:bold; color:#000; text-transform:uppercase; }
.missingAdImageMessage { height:290px;  }
.missingAdImageMessage DIV { text-align:center; padding-top:50px; }
.thumbWrapper { height:95px; position:relative; }
.thumbStripWrapper { height:75px; width:1540px; position:relative; } /* width = MAX_NUM_THUMBS x (thumb width + margin) (76px) */
.thumbStripSlider { position:relative; overflow:hidden; width:302px; height:75px; }
.leftArrow { position:absolute; z-index:200; top:30px; left:-8px; height:15px; width:16px;  }
.rightArrow { position:absolute; left:294px; top:30px; height:15px; width:16px; }
.thumbStripSlider DIV.thumb { position:absolute; z-index:100; margin-right:5px; left:302px; top:0px; height:73px; width:73px; overflow:hidden; }
.adMainContentDiv { height:425px; width:460px; }
.swappableArea { height:305px; width:446px; margin:10px 4px 10px 5px; overflow-y:auto; overflow-x:hidden; border:1px solid #999; }
.swappableArea IMG { border-left:1px solid #D6D6D6; border-top:1px solid #D6D6D6; border-right:1px solid #CCC; border-bottom:1px solid #CCC; }
.adMainContentDiv .buttons { height:75px; display:none; }
.thumbImage { float:right; margin:0 0 10px 10px; }
.adMainContentDiv H2 { color:#000; font-size:14px; margin-top:0; padding-top:0; line-height:17px; }
.adMainContentDiv UL LI, #categories-page UL LI { margin-bottom:5px; }

/* Advertisement buttons */
.ad-btn, .ad-btn-right { float:left; margin-bottom:3px; width:150px; height:31px; display:none; }
.ad-btn { margin-right:5px; }
.ad-btn-right { margin-right:0; }
.main-ad-btn { display:none; }
.contact-details-btn { display:none; }
.email-friend-btn { display:none; }
.locations-btn { display:none; }
.about-us-btn { display:none; }
.more-information-btn { display:none; }
.google-map-button { display:none; }
.download-catalogue-btn { display:none; }
.download-voucher-btn { display:none; }

/* Advertisements - Retailer information */
.tblRetailerSummary { margin-bottom:10px; }
.tblRetailerSummary TD { vertical-align:top; padding:1px 6px 6px 0; font-size:12px; }
.tblRetailerSummary TD.prompt { font-weight:bold; }
DIV.retailerLogo { float:right; margin:0 5px 10px 15px; }
DIV.contactDetails SPAN { font-weight:bold; }
.branchOpenHours { margin:10px 0 8px 0; }
.tblBranchDetails TD { vertical-align:top; font-size:12px; }
.tblBranchDetails TD.left { padding-right:10px; }
.tblBranchOpenHours TD { vertical-align:top; padding-right:10px; font-size:12px; }

/* Advertisements - Email a Friend form */
.tblEmailFriend {  }
.tblEmailFriend SPAN { font-weight:bold; }
.tblEmailFriend * { font-size:11px; }
.tblEmailFriend TD.prompt { width:100px; font-weight:bold; vertical-align:top; }
.tblEmailFriend TD.field { width:340px; }
.tblEmailFriend TD.field INPUT, .tblEmailFriend TD.field TEXTAREA { width:340px; border:1px solid #999; }

.visible { visibility:visible; position:absolute; z-index:100;  }
.hidden { visibility:hidden; position:absolute; z-index:100;  }
.noDisplay { display:none; }
.display { display:block; }
.shadow { display:none; }

/* #siteMap LI { list-style-type:none; list-style-image:url('/images/template/icon-menu-arrow.gif'); list-style-position:outside; } */
#siteMap UL, #siteMap DIV.root-category, #siteMap DIV.root-heading { margin-top:0; margin-bottom:4px; }
#siteMap LI { padding-left:13px; margin-bottom:4px; } 

#ad-details-popup { border:1px solid #999; }
#ad-details-popup .wrapper { margin:0 20px; width:780px; overflow-x:hidden; position:relative; background-color:#FFF; }
#ad-details-popup .content { text-align:left; padding:0 15px; background-color:#FFF;  }
#ad-details-popup .content H1 { font-size:18px; font-weight:normal; margin-top:5px; margin-bottom:20px; }
.titleBar { height:30px; }
.titleBar DIV { padding:6px 0; font-size:14px; font-weight:bold; color:#000; text-transform:uppercase; text-align:center; }
.closePopup, .printPopup { display:none; }

/* All Advertisements page */
OL.all-ads LI { line-height:1.5em; margin-bottom:10px; }
OL.all-ads SPAN { display:block; line-height:1.5em; }

