body { font-family:Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; } /* IE6 HACK */ * html body { text-align:center; font-family:Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; } .spacer { height:5px; border:1px solid white; float:none; clear:both; } #topnavigation { } #topnavigation a:visited, #topnavigation a:active, #topnavigation a:link { } #topnavigation a:hover { } #topnavigation a.on, #topnavigation a.on:visited, #topnavigation a.on:active { } #topnavigation a.on:hover { } /* Called FROM the Index.asp Page */ #mainCell { margin:auto; width:984px; background-color:#E7E7E7; padding:10px; } /* IE6 HACK */ * html #mainCell { margin:auto; width:1004px; background-color:#E7E7E7; padding:10px; } #mainCell .cellLeft { float:left; width:180px; margin-right:10px; background-color:#FFF; border:0px solid black; text-align:left !important; } #mainCell .cellCenter { float:left; width:620px; background-color:#FFF; border:0px solid black; min-height:472px; } /* THIS CELL NEEDS TWO STYLES but for testing we'll assume one */ /* IE6 HACK */ * html #mainCell .cellCenter { float:left; width:620px; background-color:#FFF; border:0px solid black; min-height:472px; } /* THIS CELL NEEDS TWO STYLES but for testing we'll assume one */ #mainCell .cellCenterBlock { float:left; width:790px; background-color:#FFF; border:0px solid black; } /* THIS CELL NEEDS TWO STYLES but for testing we'll assume one */ /* IE6 HACK */ /* html div { border:1px solid red; }*/ * html #mainCell .cellCenterBlock { float:left; width:800px; background-color:#FFF; border:0px solid black; } /* THIS CELL NEEDS TWO STYLES but for testing we'll assume one */ #mainCell .cellRight { float:left; width:160px; margin-left:10px; background-color:#FFF; border:0px solid black; } /**************************************************************************************************/ .ProductListMenu li { list-style-image: url(/images/build/tickIcon.gif); color:#869BBC; } table.rightoptions td { margin: 0px; padding: 2px; font-size: 11px; color: #FFFFFF; } #rightoptions { margin: 0px; padding: 0px; font-size: 11px; color: #FFFFFF; } #rightoptions a:visited, #rightoptions a:active, #rightoptions a:link { color: #FFFFFF; text-decoration: none; } #rightoptions a:hover { color: #FFFF00; } #rightoptions a.on, #rightoptions a.on:visited, #rightoptions a.on:active { color: #FFFF00; font-weight: bold; } #rightoptions a.on:hover { color: #FFFF00; } table.screamtop { border: 0px solid; width: 99%; border-collapse: collapse; vertical-align: middle; margin: 10px 0px 0px 0px; } table.screamtop td { font-size: 12px; color: #FFFFFF; font-weight: bold; vertical-align: middle; padding: 0px 0px 0px 0px; } table.scream { border: 1px solid; background-color: #FFFFFF; border-color: #000000; width: 99%; border-collapse: collapse; margin: 0px 0px 5px 0px; } table.scream td { font-size: 12px; color: #000000; font-weight: normal; padding: 5px 5px 5px 5px; } .scream a:link, .scream a:visited, .scream a:active { color: #FFFFFF; } .scream a:hover { color: #FFFA6B; text-decoration: none; } .whitelink a:link, .whitelink a:visited, .whitelink a:active, .whitelink a:hover { color: #FFFFFF; text-decoration: none; } /* FOR MAIN PRODUCT PAGE SHOWS THE DARK GREEN AND LIGHT GREEN */ .formlabel {padding: 2px; font-weight: bold; background-color: #9BC2AB; } .formbg { background-color: #D8E7DE; } /* FOR MAIN PRODUCT PRICE FIELDS */ .PriceField { text-align: center; width: 80px; vertical-align: top; padding: 0px; font-size: 24px; height: 24px; border: 0px; background-color: transparent; } /* FOR MAIN PRODUCT POSTAGE FIELDS */ .PostageField { text-align: center; width: 80px; vertical-align: top; padding: 0px; font-size: 24px; height: 24px; border: 0px; background-color: transparent; } #itemwrapper { width:100%; text-align:left !important; margin:0; position:relative; } #itemwrapper ul, #itemwrapper li { text-align:left !important; list-style:none; display:inline; float:left; margin:0; padding:0; } #itemwrapper li { width:185px; height:170px; border:0; padding:0; } .FrontPageImages {padding-bottom:16px;} .ContactUsHeadings {color:#fbf56d; background-color:#27975d; padding:2px;} .floating { position: absolute; background-color: #CCCCCC; color:#666666; height:115px; width:122px; left:650px; top:1px; z-index: 100; font-size:10px; text-align:center; border-top:2px; border-right:1px; border-bottom:1px; border-left:2px; border-color:white; border-style:solid; } .RequiredForNewCustomer {font-weight:bold; color:#990000;} .RequiredForReturningCustomer {font-weight:bold; color:#009900;} .TextFormItem { /*margin-top:3px; padding:2px 3px 1px 3px; font-size:10px; border:1px solid #707d73; background-color:#bcd7c4; color:#5a5859; width:163px; font-family:Geneva;*/ } #orderaddressform td { vertical-align:middle; } /*************************************************************************************************************/ #thumbImageContainer { width:795px; } /* IE6 Hack */ * html #thumbImageContainer { width:785px; } .SmallThumbs { margin-right:10px; margin-bottom:10px; height:200px; width:100px; float:left; border:1px solid #FFF; } .SmallThumbs .smlthumb { cursor:pointer; position: relative; border:1px solid #CCCCCC; width:100px; height:150px; } /* Talks to the div containing the image background */ .SmallThumbs img { position: absolute; bottom: 5px;left: 5px;} .SmallThumbs .text { margin:0px 2px 2px 2px; font-size:8pt; line-height:14px; text-align:left; height:28px; } .SmallThumbs .price { margin:0px; padding:2px; font-size:10px; font-weight:bold; text-align:left; color:#FFF; background-color:#C51230; } /* DOES THE PRICE FIELD ON THE THUMBNAILS PAGE */ .SmallThumbs .FreeGiftButton { font-size:8px; color:#000; } .SmallThumbs2 { margin-left:20px; margin-right:20px; margin-bottom:10px; height:198px; width:100px; float:left; border:1px solid #CCCCCC; } .SmallThumbs2 img { width:100px; height:150px; } .SmallThumbs2 .text { margin:0px 2px; font-size:8pt; line-height:14px; text-align:left; } .SmallThumbs2 .price { margin:0px 2px; font-size:7pt; font-weight:bold; text-align:left; } #LargeThumbs { text-align:center; margin-right:10px; margin-bottom:10px; height:408px; width:324px; float:left; border:1px solid #CCCCCC; } #LargeThumbs .xlthumb { cursor:pointer; position: relative; width:322px; height:330px; background-position:center; background-repeat:no-repeat; } #LargeThumbs img { position: absolute; bottom: 15px; left: 15px; } #LargeThumbs .text { text-align:left; margin:-5px 10px 5px 10px; font-size:13px; white-space:normal; } #LargeThumbs .price { text-align:left; margin:0px 10px; padding:2px; font-size:10px; font-weight:bold; width:150px; color:#FFF;background-color:#C51230; } #thumbImageContainer .SearchEngineCategoryText { float:none; clear:both; border:1px solid #CCC; width:765px; margin-bottom:10px; } #mainImageContainer { margin-top:10px; margin-left:0px; width:600px; border:0px solid red; } #mainImageContainer .leftCell { float:left; text-align:center; width:300px; background-color:#F2F2F2; border:8px solid #F2F2F2; } /* LEFT CELL ON MAIN PRODUCT PAGE*/ #mainImageContainer .MainImage { border:0px solid green; width:300px; height:450px; background-repeat:no-repeat; background-position:top center; text-align:center; } #mainImageContainer .div1 { width:145px; height:140px; margin:0px 0px 0px 0px; xcursor:pointer; float:left; background-repeat:no-repeat; background-position:center; } #mainImageContainer .div2 { width:145px; height:140px; margin:0px 0px 0px 0px; xcursor:pointer; float:left; background-repeat:no-repeat; background-position:center; } #mainImageContainer .rightCell { float:left; margin-left:10px; width:274px; border:0px solid green; } /* RIGHT CELL ON MAIN PRODUCT PAGE*/ /* IE6 HACK */ * html #mainImageContainer .rightCell { margin-left:5px; width:276px; } /* RIGHT CELL ON MAIN PRODUCT PAGE*/ #mainImageContainer .ProductHeading { text-align:left; background-color:#998F86; color:#FFF; font-size:16px; padding:12px; margin-bottom:10px; } /* Does the heading on the Main Product Page */ #mainImageContainer .productDetails { text-align:left; } #mainImageContainer .productDetails p { text-align:left; } #mainImageContainer .productDetails ul { text-align:left; } #mainImageContainer .price { text-align:center; font-weight:bold; font-size:12px; color:#000000; } /* THE BLACK PRICES */ #mainImageContainer .offer { text-align:center; font-weight:bold; font-size:12px; color:#FFFFFF; background-color:#BD1E23; } /* THE RED PRICE OFFER BOX */ #mainImageContainer .AjaxWork { text-align:left; background-color:#F2F2F2; padding:10px; margin:10px 0px; } /* THIS DIV has the selecy boxes for sizes in */ #mainImageContainer select { text-align:left; width:250px; height:24px; margin:2px 0px; font-size:13px; } /* CONTROLS ALL SELECT MENUS */ #mainImageContainer .productTitle { text-align:left; } #mainImageContainer .productCode { text-align:left; } #mainImageContainer .AddToBasket { text-align:right; padding-right:0px; } /* Add to basket Page*/ /* Controls the toggle on the Main Product Page */ #TabHeading { background-image:url(../images/skinv5/jolliman_producttab_Repeater.jpg); width:276px; } #TabHeading div { padding:0px; margin:0px; } #TabHeading .dataContainer {padding:2px 11px;} #productDescription { text-align:left; display:block; } #deliveryDescription { text-align:left; display:none; } /* Controls the toggle on the Main Product Page */ #rightHandProductContainer { margin:0 auto; text-align:center; width:171px; } #rightHandProductContainer .Heading { color:#3e3c3d; font-size:16px; font-weight:bold; margin:10px auto; width:130px; text-align:left; } #rightHandProductContainer .thumbs { text-align:center; margin-bottom:20px; border:0px solid #CCCCCC; } #rightHandProductContainer .modelANDlink { margin:auto; width:120px; } #rightHandProductContainer .offer { margin:auto; width:110px; text-align:left; padding:1px 2px; font-weight:bold; font-size:12px; color:#FFFFFF; background-color:#BD1E23; } #suggested { width:100%; clear:both; float:none; display:block; } #headerContainer { background-color:#008F4D;width:100%; background-image:url(../images/build/logo.jpg); background-repeat:no-repeat; } #headerContainer .basket { float:left; margin-left:350px; margin-top:30px; margin-right:30px; color:WHITE; } #headerContainer .basket td { vertical-align:middle; } #headerContainer .basket td a { color:white; } #headerContainer .right { height:105px; } #headerContainer .img { text-align:center; } #headerContainer .img img { margin:auto; } #headerContainer .basketItems { text-align:left; } #headerContainer .basketItems span { font-weight:bold; } #headerContainer .z { vertical-align:top; padding-top:5px; } #headerContainer .x { vertical-align:top; text-align:center; font-size:22px; width:32px; } #headerContainer .y { vertical-align:top; text-align:center; font-size:22px; width:32px; } #prodNavLinks h1 { text-align:left; margin:0px; padding: 3px 0; } #errorbox { font-weight:normal; margin-top:5px; margin-bottom:10px; line-height:14px; color:#ff0000; } #errorbox #errortitle { font-weight:bold; margin-bottom:5px; } .ShowDebugging { border:1px solid red; padding:4px; margin:5px; } /* CONTROLS THE SMALL LAYER WHICH IS OPENED AT CHECKOUT */ #backgroundFilter { position: absolute; top: 0; left: 0; overflow: none; padding: 0; margin: 0; background-color: #000; filter: alpha(opacity=60); opacity: 0.6; display: none; z-index: 1000; width: 100%; height: 100%; } #popupWindow { position: absolute; width: 99%; padding: 1px; z-index: 1005; display: none; border: 0; margin: 0; } #popupFrame { background-color: #AE1F31; width:380px; margin: 0 auto 0 auto; border:2px solid #000; font-weight:bold; color:#FFF; } #popupBody { text-align:left; padding:8px; } #popupBody img { border:none; } #popupBody a { color:#FFF; font-weight:bold; } #popupLinkContainer { text-align:center } .popupLinks { margin:12px auto 5px auto; } .popupLinks .popupLink1 { text-align:right; } .popupLinks .popupLink2 { width:25px; } .popupLinks .popupLink3 { text-align:left; } .popupLinks a { color:#FFF; font-weight:bold; } #superImageContainer { position: absolute; width: 99%; padding: 1px; z-index: 1005; display: none; border: 0; margin: 0; text-align:center !important; } #superImageFrame { background-color: #AE1F31; width:800px; margin: 0 auto 0 auto !important; border:2px solid #000; font-weight:bold; color:#FFF; } #superImageBody { text-align:left; padding:8px; } #superImageBody img { border:none; } #superImageLinkContainer a { color:#FFF; font-weight:bold; } /* CONTROLS THE SMALL LAYER WHICH IS OPENED AT CHECKOUT */ /* FROM CONTACT US PAGE */ #cform input { border:1px solid #9bc3a1; width:180px; margin-bottom:3px; } #cform textarea { border:1px solid #9bc3a1; width:180px; margin-bottom:5px; } #cuformcontainer table { width:100%; font-size:11px; } #cuformcontainer td { text-align:left; vertical-align:top; } #cuformcontainer div { padding:0; margin:0; } .cugreentoppadded { background-color:#00904d; color:#ffffff; text-align:center !important; height:24px; vertical-align:middle !important; font-weight:bold; border-bottom:1px solid #ffffff; } .cugreentop { background-color:#00904d; color:#ffffff; text-align:center !important; height:24px; vertical-align:middle !important; font-weight:normal; } .culeftcell { vertical-align:top; color:#00904d; font-weight:bold; width:100px; text-align:left; } .curightcell { vertical-align:top; color:#000000; text-align:left; }