/*'*' version [1.1] CaseID 2009-01-4481 21/01/2009 BRJ: New Product Image Zoomify */ /*'*' version note [1.2] - 08/06/2009 09:59 :: SHS :: 2009-05-4928 - Site Styling Updates */ /* GENERAL */ body { font-family: Arial, Helvetica, sans-serif; } .blank { font-family: Arial, Helvetica, sans-serif; background: #D0C8A8; } a { text-decoration: none;} a:hover { text-decoration: none;} .main_layout { margin: 0 auto; width: 963px; background: #FFFFFF; margin-top: 14px; } .menu_layout { width: 149px; background: #FFFFFF; } .content_layout { width: 783px; margin-left: 30px;} .right_background { background: #FFFFFF; } .header_layout { width: 963px; height: 100px; background: #FFFFFF;} .footer_layout { width: 963px; background: #D0C8A8 url('/public/images/layout/bottom_bg.jpg') top left repeat-x; text-align: center; } .content_layout_blank { width: 100%; background: #FFFFFF url('/public/images/header/lower_bg.jpg') top left repeat-x; } .footer_layout_blank { width: 100%; height: 20px; background: #D0C8A8 url('/public/images/layout/bottom_bg.jpg') top left repeat-x; text-align: center; } .header_layout_blank { width: 100%; height: 20px; background: #D0C8A8 url('/public/images/layout/top_bg.jpg') top left repeat-x; text-align: center; } .left_margin { width: 20px; background: #D0C8A8 url('/public/images/layout/left_bg.jpg') top right repeat-y; } .right_margin { width: 20px; background: #D0C8A8 url('/public/images/layout/right_bg.jpg') top right repeat-y; } .corner { width: 20px; background: #D0C8A8; } .left_margin_blank { width: 20px; background: #D0C8A8 url('/public/images/layout/left_bg.jpg') top right repeat-y; } .right_margin_blank { width: 20px; background: #D0C8A8 url('/public/images/layout/right_bg.jpg') top right repeat-y; } .corner_blank { width: 20px; background: #D0C8A8; } .header_links { font-family: Verdana; font-size: 11px; color: #000000; font-weight: normal; } .header_links a { font-family: Verdana; font-size: 11px; color: #000000; font-weight: normal; } .header_Designerlinks { font-family: Verdana; font-size: 9px; color: #000000; font-weight: normal; text-transform: uppercase;} .header_Designerlinks a { font-family: Verdana; font-size: 9px; color: #000000; font-weight: normal; text-transform: uppercase;} .title { font-family: Arial; font-size: 19px; color: #4C4339; font-weight: bold; text-transform: uppercase; } .currencydropdown { font-family: verdana; font-size: 11px; color: #796A63; padding: 2px 2px 2px 2px; width: 250px; height: 22px; border-style: solid; border-width: 1px; border-color: #4C4339; background-color: #FFFFFF;} .normal { font-family: arial; font-size: 11px; color: #796A63; font-weight: normal; text-transform: none;} .normal a { font-family: arial; font-size: 11px; color: #796A63; font-weight: normal; text-transform: none;} .notes { font-family: verdana; font-size: xx-small; color: #999999;} .message { font-family: arial; font-size: 11px; color: #FF0000; text-transform: none; margin-bottom: 5px; } .message a { font-family: arial; font-size: 11px; color: #FF0000; text-transform: none; margin-bottom: 5px; } .baskethead { font-family: ariel; font-size: 11px; color: #796A63; font-weight: normal; text-transform: none;} .pwdreminder { font-family: Ariel; font-size: 10px; color: #842825; font-weight: normal; text-transform: none;text-decoration:underline} /* inputs */ .menu_formfield { font-family: verdana; font-size: 9px; color: #000000; padding: 2px 2px 2px 2px; height: 12px; border-style: solid; border-width: 1px; border-color: #000000; width: 100px;} .formfield { font-family: verdana; font-size: 10px; color: #796A63; padding: 2px 2px 2px 2px; height: 12px; border-style: solid; border-width: 1px; border-color: #C4BEA8; width: 185px;} .selectfield { font-family: verdana; font-size: 10px; color: #796A63; padding: 0px 0px 0px 0px; height: 16px; border-style: solid; border-width: 1px; border-color: #C4BEA8; width: 225px;} .searchInput { font-family: arial; font-size: x-small; color: #333333; background: #FFFFFF; border-style: inset; border-width: 1px; border-color: #404040 #D4D0C8 #D4D0C8 #404040; padding: 1px 1px 1px 1px; height: 16px; width: 128px;} .Qty { font-family: verdana; font-size: 10px; color: #796A63; padding: 2px 2px 2px 2px; height: 12px; border-style: solid; border-width: 1px; border-color: #C4BEA8; width: 185px; text-align: center; } .variantSelection { font-family: arial; font-weight: bold; font-size: 11px; color: #B19C65; height: 14px; border: solid 1px #CFCAC7; background-color: #FFFFFF; width: 118px; text-transform: uppercase; padding-top: 1px; padding-left: 4px; padding-bottom: 2px; } .MessageArea { font-family: verdana; font-size: 10px; color: #796A63; border-style: solid; border-width: 1px; border-color: #C4BEA8; width: 150px; height: 55px;} /* standard forms */ .inputprompt { font-family: verdana; font-size: 9px; color: #796A63; font-weight: normal; text-transform: uppercase;} .inputprompt a { font-family: verdana; font-size: 9px; color: #796A63; font-weight: normal; text-transform: uppercase;} .validationerror { font-family: arial; font-size: 11px; color: #FF0000; text-transform: none; margin-bottom: 5px; } /* header */ .header { font-family: verdana; font-size: large; color: #FFFFFF; text-transform: none; font-weight: bold;} .header a { font-family: verdana; font-size: large; color: #FFFFFF; text-transform: none; font-weight: bold;} .welcome { font-family: verdana; font-size: x-small; color: #FF9900; text-transform: uppercase;} .breadcrumbs { font-family: verdana; font-size: x-small; color: #CCCCCC; text-transform: uppercase;} /* account */ .account { font-family: verdana; font-size: 11px; color: #A99A67; font-weight: normal; text-transform: none;} .account a { font-family: verdana; font-size: 11px; color: #796A63; font-weight: bold; text-transform: none;} .account_highlight { font-family: verdana; font-size: 11px; color: #897F75; font-weight: bold; text-transform: none;} .account_small { font-family: verdana; font-size: 9px; color: #999999; font-weight: normal; text-transform: none;} .account_table { font-family: verdana; font-size: 9px; color: #6F5F59; font-weight: normal; text-transform: uppercase;} .account_table a { font-family: verdana; font-size: 9px; color: #6F5F59; font-weight: normal; text-transform: uppercase;} /* delivery options */ .address_text {font-family: verdana; font-size: 11px; color: #A99A67;} /* categories menu */ .menu { font-family: verdana; font-size: small; color: #00216B; text-transform: none; font-weight: bold;} .submenu { font-family: verdana; font-size: 10px; color: #716962; text-transform: uppercase; font-weight: normal;} .submenu_on { font-family: verdana; font-size: 10px; color: #716962; text-transform: uppercase; font-weight: bold;} /* profile menu */ .WelcomeMsg { font-family: verdana; font-size: 11px; color: #000000; text-transform: none; font-weight: normal;text-transform:uppercase;} .WelcomeMsg a { font-family: verdana; font-size: 11px; color: #000000; text-transform: none; font-weight: normal;text-transform:uppercase;} .menuprofile { font-family: verdana; font-size: 11px; color: #796A63; text-transform: none; font-weight: normal;} .menuprofile_on { font-family: verdana; font-size: 11px; color: #796A63; text-transform: none; font-weight: normal;} /* checkout menu */ .checkout_done { font-family: verdana; font-size: small; color: #00216B; text-transform: uppercase; font-weight: normal;} .checkout_hi { font-family: verdana; font-size: small; color: #00216B; text-transform: uppercase; font-weight: bold;} .checkout_lo { font-family: verdana; font-size: small; color: #00216B; text-transform: uppercase; font-weight: normal;} /* product+category pages */ .categoryNameThumbs { font-family: arial; font-size: 11px; color: #796A63; text-transform: none; font-weight: bold;} .categoryNameThumbs a { font-family: arial; font-size: 11px; color: #796A63; text-transform: none; font-weight: bold;}} .categoryName { font-family: arial; font-size: 20px; color: #4C4339; text-transform: uppercase;} .categoryDescription { font-family: verdana; font-size: 11px; color: #A99A67; text-transform: none;} .productName { font-family: arial; font-size: 12px; color: #A99A67; font-weight: normal; text-transform: uppercase;} .productDesigner { font-family: arial; font-size: 12px; color: #796A63; text-transform: none; font-weight: bold; text-transform: uppercase;} .productNameThumbs { font-family: arial; font-size: 11px; color: #796A63; text-transform: none; font-weight: bold; text-transform: uppercase;} .productDescriptionThumbs { font-family: arial; font-size: 11px; color: #A99A67; text-transform: none; font-weight: normal; text-transform: uppercase;} .productDescriptionThumbs a { font-family: arial; font-size: 11px; color: #A99A67; text-transform: none; font-weight: normal; text-transform: uppercase;} .productCode { font-family: verdana; font-size: 9px; color: #A99A67; text-transform: none;} .productImage { border: solid 0px #EEEEEE;} .productDescription { font-family: verdana; font-size: 10px; font-weight: normal; color: #483229;} .productPriceMatrix { font-family: verdana; font-size: x-small; color: #00216B; font-weight: normal;} .productPrice { font-family: arial; font-size: 12px; color: #A99A67; font-weight: normal; text-transform: uppercase;} .xsellName { font-family: verdana; font-size: 9px; color: #796A63; font-weight: bold; text-transform: none;} .productAdded { font-family: verdana; font-size: x-small; color: #FFFFFF; text-transform: uppercase; background-color: #D4CCB3; line-height: 20px; text-align: middle; margin: 0px 0px 12px 0px; cursor: hand; cursor: pointer;} .productAdded a { font-family: verdana; font-size: x-small; color: #FFFFFF; background-color: #D4CCB3; line-height: 20px; text-align: middle; margin: 0px 0px 12px 0px; cursor: hand; cursor: pointer;} .recentlyViewed { font-family: verdana; font-size: 10px; color: #483229; text-decoration: underline;} .sizing { font-family: verdana; font-size: 10px; color: #8A3936; text-decoration: underline;} .sizing a { font-family: verdana; font-size: 10px; color: #8A3936; text-decoration: underline;} .sizing:hover { font-family: verdana; font-size: 10px; color: #8A3936; text-decoration: underline;} .byDesigner a { font-family: arial; font-size: 11px; color: #A99A67; font-weight: normal; text-transform: uppercase;} .addtobasketmessage { height: 29px; width: 758px; border-color: #A99A67; border-width: 1px 0px 1px 0px; border-style: solid; text-align: center; margin-bottom: 5px; } .addtobasketmessage_cr { height: 29px; width: 733px; border-color: #A99A67; border-width: 1px 0px 1px 0px; border-style: solid; text-align: center; margin-bottom: 15px; } .breadcrumb { font-family: arial; font-size: x-small; color: #666666; font-weight: bold; text-transform: lowercase;} .breadcrumb a { font-family: arial; font-size: x-small; color: #666666; font-weight: bold; text-transform: lowercase;} /* basket page */ .basketTop { font-family: verdana; font-size: 9px; color: #A99A67; text-transform: none;} .basketTableHead { font-family: verdana; font-size: 10px; color: #D0C8A8; background-color: #796A63; font-weight: normal; text-transform: uppercase; height: 18px; margin: 0px 1px 0px 0px; padding: 5px 0px 0px 3px;} .basketTableHead a { font-family: verdana; font-size: 10px; color: #D0C8A8; background-color: #796A63; font-weight: bold; text-transform: uppercase; margin: 0px 1px 0px 0px; padding: 5px 0px 0px 3px;} .basketItem { font-family: verdana; font-size: 9px; color: #6F5F59; text-transform: uppercase; height: 100px; margin: 0px 0px 0px 0px; } .basketItem a { font-family: verdana; font-size: 9px; color: #6F5F59; text-transform: uppercase;} .basketDiscount { font-size: x-small; color: #FF0000;} .basketPromotion { font-size: x-small; color: #FF0000;} .basketPrice { font-family: verdana; font-size: small; color: #00216B; font-weight: bold;} .basketPriceVAT { font-family: verdana; font-size: x-small; color: #00216B; font-weight: normal; text-transform: none;} .basketData { text-align: center;width: 120px; padding-top : 38px; float : left;} /* order list/history */ .secureTableHead { font-family: verdana; font-size: x-small; color: #FFFFFF; background-color: #00216B; font-weight: normal; text-transform: uppercase;} /* footer */ .footer { font-family: verdana; font-size: xx-small; color: #FFFFFF; text-transform: lowercase;} .footer a { font-family: verdana; font-size: xx-small; color: #FFFFFF; text-transform: none;} .footerExtraText { font-family: verdana; font-size: xx-small; color: #cccccc; text-transform: none;} .footerExtraText a { font-family: verdana; font-size: xx-small; color: #cccccc; text-transform: none;} .changingroom { font-family: verdana; font-size: 9px; color: #A99A67; font-weight: normal; text-transform: none;} .seotext { font-family: arial; font-size: 9px; color: #796A63; font-weight: normal; text-transform: none;} .backToTop { font-family: arial; font-size: 11px; color: #796A63; font-weight: bold; text-transform: uppercase;} .backToTop a { font-family: arial; font-size: 11px; color: #796A63; font-weight: bold; text-transform: uppercase;text-decoration: underline;} .hypLinks { font-family: arial; font-size: 10px; color: #796A63; font-weight: bold; text-transform: none;} .hypLinks a { font-family: arial; font-size: 10px; color: #796A63; font-weight: bold; text-transform: none;text-decoration: underline;} /* start 2/27/2008 9:51 :: RNK :: 2008-02-3183 - There should be 1 - 10 items per page with a 'View all' option listed next to it */ .pagination a { font-family: arial; font-size: 10px; color: #796A63; font-weight: bold; text-transform: none;text-decoration: none;} .paginationforletter { font-family: arial; font-size: 12px; color: #796A63; font-weight: bold; text-transform: none;text-decoration: none;} .paginationforletter a { font-family: arial; font-size: 12px; color: #796A63; font-weight: bold; text-transform: none;text-decoration: none;} .pagenumber_nounderline { font-family: arial; font-size: 10px; color: #ff0000; font-weight: bold; text-transform: none;text-decoration: none;} .pagenumber_nounderline a { font-family: arial; font-size: 10px; color: #ff0000; font-weight: bold; text-transform: none;text-decoration: none;} /* end 2/27/2008 9:51 :: RNK :: 2008-02-3183 - There should be 1 - 10 items per page with a 'View all' option listed next to it */ /* PCI CV2 Entry */ .oPCI_DisableHelp { display:none; position:absolute; top:0px; left:0px; width:100%; z-index:1000; } .oPCI_Text { font-family: verdana; font-size: 11px; color: #000000; font-weight: normal;} .oPCI_Text a { font-family: verdana; font-size: 11px; color: #000000; font-weight: bold; text-decoration: none;} .oPCI_TextLink { font-family: verdana; font-size: 11px; color: blue; font-weight: normal;} .oPCI_TextLink a { font-family: verdana; font-size: 11px; color: blue; font-weight: bold; text-decoration: none;} /* ProtX 3D secure implementation */ .o3DSecureLyr { display:none; background-color:#FFFFFF; z-index:1001; position:relative; cursor:default; } .o3DSecureWindow { display:none; border:0px; background-color:#FFFFFF; } .oDisableOverlay { display:none; position:absolute; top:0px; left:0px; width:100%; z-index:100; cursor:wait; } #_o3DSecureLoading { z-index:1001; width:100%; margin: 40px auto 0px auto; text-align:center; font-family:arial; font-size:12px; color: #333333; } .p-shadow { z-index:1001; cursor:default; display:none; width: 90%; position:absolute; top:0px; left:0px; background-color:#FFFFFF; background:url(/core_2/core_images/dropshadows/shadowAlpha.png) no-repeat bottom right !important; background:url(/core_2/core_images/dropshadows/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } .p-shadow div { z-index:1001; cursor:default; background: none !important; background-color:#FFFFFF; background:url(/core_2/core_images/dropshadows/shadow2.gif) no-repeat left top; padding: 0 !important; padding: 0 8px 8px 0; } .p-shadow div div { z-index:1001; cursor:default; color: #777; background-color: #FFFFFF; border: 1px solid #a9a9a9; padding: 4px; margin: -6px 6px 6px -6px !important; margin: 0; } /* --------START [1.1]------- */ /* --------------- */ /* jqZOOM styling */ div.jqZoomTitle { z-index:5000; position:absolute; top: 0; left: 0; font-size:11px; font-family:Tahoma; height:16px; padding-top:2px; width: 100%; color: #fff; background: #aeaeae; text-align:center; } .jqZoomPup { z-index:10; overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); border-color:#c4c4c4; border-style: solid; cursor:crosshair; } .jqZoomPup img { border: 0px; } .preload{ z-index:10; position:absolute; top:3px; left:3px; -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(/public/images/cm/zoom-loader.gif); background-repeat: no-repeat; background-position: 43px 30px; width:90px; * width:100px; height:43px; *height:55px; } .jqZoomWindow { border: 1px solid #999; background-color: #fff; } /* END jqZOOM */ /* --------------- */ /* --------END [1.1]------- */