/* generic clear for standards compliant browsers */ #wrapper:after, .basket p:after, .bestSellers:after, .newProducts:after, #footer:after { content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0; } /* font stuff */ .products .productName a, .mainNavigation ul li a, .subContent h3, .subContent h3 a, .price, .prices, .basket span, .mainContent h1, .mainContent h2, .basketLink, .searchResults a, label, #footer h4, .errorList a, .pagination a, .pageNumbers span, .singleProduct .priceFrom { color: #1A0B60; } .breadCrumbs a, .basket strong, .siteSearch .main_search_box, .singleProduct .description, .contactUs .description, .contactUsAddress, .singleProduct .description a, .productImage a, .searchForm .description, .searchForm label span, .searchOptionsDescription, .brochureFragment h2, .brochureFragment, .searchResults, .productName a, #footer a, .siteMap a, .mainContent .pageNumbers, .retrieveConfirm .actregular, .emptyBasket { color:#7089A1; } .form_input_general { color:#3F6181; } .breadCrumbs, .productName span, h1 span { color:#B0BECB; } .singleProduct .description, .searchForm .description, .searchOptionsDescription, .contactUs .description, .contactUsAddress, .basket p strong, .basket p .price, .form_input_general, .fragmentText, .price, .prices, .productName, .basketLink, .searchResults, .termsAndConditions p, .validationError, .errorList, .products .actrequiredcolor, .pagination, .checkout, .retrieveConfirm .actregular, .emptyBasket { font-size:1.3em; line-height:1.4; } .checkout input { font-size:1em; } label { font-size:1.5em; font-weight:bold; } h3.productName { font-size:1.8em; margin-bottom:10px; } .siteSearch .searchButton, .catalogueLink .catalogueName, .basket h3, .cartheading { text-shadow:-1px -1px 0 rgba(0,0,0,0.6); } /**********************/ html { overflow-y:scroll; } body { font-family:Calibri,Myriad Pro,sans-serif; font-size:62.5%; background-color: #D6DDE4; margin-top:12px; } input,textbox,table,td { font-family:Calibri,Myriad Pro,sans-serif; } #wrapper, #subFooter { width: 910px; padding: 20px 25px 15px 25px; margin: 0px auto 0px auto; } #wrapper { background-color: white; } p,dt,dd,form,ul,ol,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; } ul,ol { list-style:none; } a img { border:0; } .subContent { float:left; width:156px; } .navigationBar { padding-right:15px; border-right:3px solid #D6DDE4; margin-right:-3px; } .extraInformation { padding-left:15px; border-left:3px solid #D6DDE4; margin-left:-3px; } .mainContent { float: left; width: 486px; /*margin:0 15px;*/ padding:0 38px; border:solid #D6DDE4; border-width:0 3px; } .cartContent { margin-right:0; border-right:none; padding-right:0; width:698px; /*width:630px;*/ } table.checkout { 486px; } #header { overflow:hidden; width:908px; background:#1A489A url('header_back.png') no-repeat top left; border:1px solid #7089A1; margin-bottom:25px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); } .marinaNav { height:130px; position:relative; } .marinaNav .marinaShop { position:absolute; overflow:hidden; top:18px; left:24px; width:310px; height:0; padding-top:69px; background:url('marinaShop.png') no-repeat; } * html .marinaNav .marinaShop { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='/acatalog/marinaShop.png'); cursor:pointer; } .marinaNav .marinaHomeLinks { position:absolute; right:19px; top:15px; } .marinaNav .marinaHomeLinks .kip, .marinaNav .marinaHomeLinks .craobh, .marinaNav .marinaHomeLinks .fairliequay { float:left; text-indent:-10000px; width:76px; height:61px; background:url('kipLogo.png') no-repeat right bottom; } * html .marinaNav .marinaHomeLinks .kip { background-image:url('kipLogo.gif'); } .marinaNav .marinaHomeLinks .craobh { background-image:url('craobhLogo.png'); } * html .marinaNav .marinaHomeLinks .craobh { background-image:url('craobhLogo.gif'); } .marinaNav .marinaHomeLinks .fairliequay { background-image:url('fairlieLogo.png'); } * html .marinaNav .marinaHomeLinks .fairliequay { background-image:url('fairlieLogo.gif'); } /* buttons */ .button, .buttonNonAction, .catalogueLink .catalogueName /*.bounceMessage table input*/ { background:#6446A2 url('buttonBlue.gif') repeat-x left bottom; text-decoration: none; color:#fff; font-weight:normal; border:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); cursor:pointer; } .button, .buttonNonAction /*.bounceMessage table input*/ { display:inline-block; overflow:visible; padding:3px 5px; font-size:1.2em; } .bounceMessage table input { font-size:12px; } .buttonNonAction { background:#fff url('buttonWhite.gif') repeat-x left center; border:1px solid #E4E9ED; padding:2px 4px; color: #1A0B60; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); } .buttonNonAction:hover { border-width:2px; border-color: #FFFF4D #FFD94D #FFD94D #FFFF4D; padding:1px 3px; background-image:url('buttonWhiteHover.gif'); } .javascript .product[href] .inner:hover .button, .button:hover /*.bounceMessage table input:hover*/ { padding:1px 3px; } .buttonDisabled { cursor:not-allowed; } /* main nav */ .siteSearch { float: right; margin-right:15px; display: inline; color:#fff; } .siteSearch label { display: block; color: #339999; font-size: 1.4em; } .siteSearch .main_search_box { font-size: 1.5em; margin-right: 5px; width: 180px; border:1px solid #D6DDE4; padding:4px; font-family:Calibri,Myriad Pro,sans-serif; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; vertical-align:middle; } .siteSearch .searchButton { border:none; background:none; color:#fff; font-weight:bold; font-size:1.3em; vertical-align:middle; overflow:visible; padding:0; margin:0; cursor:pointer; text-decoration:none; display:inline-block; } .siteSearch .searchButton:hover { text-decoration:underline; } .mainNavigation { float:left; width:100%; padding:10px 0 8px; } .mainNavigation ul { float:left; display:inline; margin-left:15px; margin-top:2px; } .mainNavigation ul li { font-size: 1.4em; float:left; display:inline; margin-right:10px; } .mainNavigation ul li a { background:#fff url('buttonWhite.gif') repeat-x left center; text-decoration: none; display:inline-block; border:1px solid #E4E9ED; padding:3px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.5); } .mainNavigation ul li a:hover { border-width:2px; border-color: #FFFF4D #FFD94D #FFD94D #FFFF4D; padding:2px 9px; background-image:url('buttonWhiteHover.gif'); } .mainContent h1 { font-size:2.4em; font-weight:normal; margin-bottom:20px; } .mainContent h2 { font-size:2em; font-weight:normal; margin-bottom:20px; clear:both; } /* Sub navigation */ .subContent h3 { font-size:1.8em; padding-bottom:15px; font-weight:normal; } .subNav  { left:-6px; position:relative; } .subNav li { /* stupid hack for stupid ie */ width:100%; margin:1px 0; font-size:1.3em; } .subNav li li { font-size:100%; } .subNav li.current > a { background-color:#EFEFF7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .subNav a { display: block; color: #000; text-decoration: none; background:url('subNavArrow.gif') no-repeat 6px 8px; padding:3px 5px 3px 14px; border:1px solid #fff; } .subNav li ul { padding-left:17px } .javascript .subNav li ul { display:none; } /* brochure Fragment */ .brochureFragment { margin-bottom:20px; border:1px solid #E4E9ED; background:#EBEFF5 url('fragmentBG.gif') repeat-x left top; padding:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.5); } .brochureFragment h2 { font-size:2.9em; margin-bottom:20px; } /* search pages */ .searchForm .radioOptions label { text-transform:uppercase; } .searchForm .radioOptions span { text-transform:none; } .searchForm .description { margin-bottom:15px; } .searchResults ul { padding:10px 0; } /* table for the shopping cart and subsequent pages */ .cartheading { background:#324495 url('buttonBlue.gif') repeat-x left center; color:#fff; font-size:1.1em; padding:3px; } .cart { background:#F0EEF5; font-size:1.1em; } .shoppingCartActions { margin-top:10px; } .shoppingCartActions input { } /* product listing */ .products .product, .newProducts .product, .bestSellers .product, .singleProduct { border-bottom:1px solid #F3F5F7; padding-bottom:10px; margin-bottom:10px; float:left; width:100%; } .products .productName span, /* reference number */ h1 span { display:block; font-size:x-small; } .products .prices { font-size:1.6em; font-weight:bold; float:left; } .products .product .productInfo { margin-left:136px; } .singleProduct .productInfo { margin-left:260px; } .subContent .newProducts .productInfo, .subContent .bestSellers .productInfo { min-height:1px; margin-left:80px; width:auto; } .newProducts .productInfo, .bestSellers .productInfo { width:100%; } .newProducts .last, .bestSellers .last, .singleProduct { border-bottom:none; } .productImage, .catalogueImage { border:1px solid #ccc; padding:5px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .productImage a { text-decoration:none; display:block; } .productImage span { display:block; } .product .productImage, .singleProduct .productImage { float:left; margin-right:20px; text-align:center; } .singleProduct .productImage { width:228px; } .productBackButton { float:right; margin-top:7px; } .products .product .productImage { width:104px; } .products .product .productImage img { max-width:104px; max-height:130px; width:auto !important; width:104px; } .singleProduct .productImage img { max-width:228px; max-height:250px; width:auto !important; width:228px; } .product .inner { text-decoration:none; display:block; width:100%; float:left; } .javascript .product[href] .inner { cursor:pointer; } .javascript .product[href] .inner:hover, .catalogueLink:hover { margin:-5px; padding:4px; position:relative;/*for ie6*/ } .javascript .product[href] .inner:hover .actrequiredcolor { background-color:#EFEFF7; } .subContent .productImage { margin-right:10px; width:58px; } .subContent .productImage img { max-width:100%; max-height:70px; width:auto !important; width:100%; } .subContent .productName { padding-bottom:8px; font-size:1.1em; } .productName a { text-decoration:none; text-transform:captilize; } .subContent .price { font-size:1.2em; margin-bottom:5px; } /* product details */ .singleProduct p, .singleProduct ul, .singleProduct .prices { margin-bottom:10px; } .singleProduct .priceFrom { margin:10px 0 0 0; font-size:1.4em; } .singleProduct .description li { list-style:disc; margin-left:15px; } .singleProduct .prices { font-weight:bold; font-size:2em; } .basket .button, .bstSellers .button, .nwProducts .button, .product .button { float:right; } /* homepage new/best products */ .mainContent .newProducts, .mainContent .bestSellers { border-bottom:1px solid #eff7f7; position:relative; width:100%; padding-bottom:20px; margin-bottom:20px; } .mainContent .newProducts ul, .mainContent .bestSellers ul { margin-right:-12px; } .mainContent .newProducts li, .mainContent .bestSellers li { width:154px; margin-right:12px; margin-bottom:0; padding:0; border:none; } .mainContent .newProducts .productName, .mainContent .bestSellers .productName { clear:both; margin-bottom:10px; } .mainContent .newProducts .productImage, .mainContent .bestSellers .productImage { margin:0; height:159px; width:142px; text-align:center; } .mainContent .newProducts .productImage img, .mainContent .bestSellers .productImage img { max-width:142px; max-height:159px; width:auto !important; height:auto !important; width:142px; height:159px; } .mainContent .newProducts .price, .mainContent .bestSellers .price { font-size:1.5em; float:left; } .javascript .mainContent .scroller { padding:5px; margin:-5px; overflow:hidden; width:100%; } .mainContent .pageNumbers { position:absolute; top:-30px; right:0; } .mainContent .leftBut, .mainContent .rightBut { position:absolute; top:65px; width:27px; height:46px; background:url('scrollLeft.gif') no-repeat left top; } .mainContent .leftBut img, .mainContent .rightBut img { width:100%; height:100%; } .mainContent .leftBut { left:-30px; } .mainContent .rightBut { right : -30px; background-image:url('scrollRight.gif'); } .mainContent .leftBut:hover, .mainContent .rightBut:hover { background-position:center top; } .mainContent .lEnd, .mainContent .rEnd, .mainContent .lEnd:hover, .mainContent .rEnd:hover { background-position:right top; } /* catalogue listing */ .catalogueList { width:100%; float:left; border-bottom:1px solid #F3F5F7; padding-bottom:10px; margin-bottom:15px; } .catalogueRow { width:100%; float:left; margin-bottom:10px; clear:both; } .catalogueItem { float:left; width:237px; margin-right:12px; text-align:center; } .catalogueRow .last { margin-right:0; } .catalogueImage { height:176px; position:relative; } .catalogueImage img { max-width:225px; max-height:176px; width:auto !important; /* real browsers */ width:225px; /* IE6: treated as min-height*/ } .catalogueLink  { display:block; width:100%; text-decoration:none; } .catalogueLink .catalogueName { position:absolute; bottom:9px; left:9px; padding:4px 11px; font-size:1.8em; } .catalogueLink:hover .catalogueName { padding:2px 9px; } /* shopping mini basket */ .basket { border:1px solid #D6DDE4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; padding:0 7px 8px; } .basket h3 { color:#fff; background:#1F46AB url('basketBack.gif') no-repeat center bottom; margin:0 -7px; padding:15px 46px 26px 10px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .basket .button { text-transform:uppercase; } .basketLink { } .basket p { margin:5px 0;  width:100%; padding-bottom:3px; border-bottom:1px solid #F3F5F7 } .basket p strong { float:left; font-weight:normal; } .basket p span { float:right; font-size:1.2em; } .basket .price { margin-bottom:0; } .basket .emptyBasket { border-bottom:none; margin-bottom:0; padding-bottom:0; } /* form stuff */ .form_input_general { border:1px solid #D6DDE4; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:3px 2px; vertical-align:bottom; } .formRow { margin-bottom:10px; } .singleProduct label, .contactUs label, .searchForm .formRow label { display:block; } .singleProduct .quantity label, .searchForm .radioOptions label { display:inline; } .singleProduct select { width:90%; } .singleProduct .datePrompt select { width:auto; margin-right:5px; } .singleProduct .quantity .text { margin-right:10px; } .singleProduct .otherInfo input, .contactUs .formRow .form_input_general { width:99%; } .contactUs .description { margin-bottom:10px; } .contactUsAddress { padding-bottom:12px; } .contactUsAddress strong { display:inline-block; width:70px; } /* site map */ .siteMap { margin-left:20px; } .siteMap ul { padding-left:15px; margin-bottom:10px; } .siteMap li { font-size:13px; list-style:disc; } /* validation errors */ .validationError, .errorList, .products .actrequiredcolor { color:red; padding:5px; margin-bottom:5px; display:block; } .errorList { margin-bottom:15px; } .errorList li { margin-left:20px; } /* generic hover stuff */ .subNav a:visited {} .subNav a:hover, .javascript .product[href] .inner:hover, .catalogueLink:hover, .validationError, .errorList, .products .actrequiredcolor { background-color:#FFFFD6; border:1px solid #FFFF4A; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .javascript .product[href] .inner:hover .button, .button:hover, /*.bounceMessage table input:hover,*/ .catalogueLink:hover .catalogueName { border:2px solid; border-color: #FFFF4D #FFD94D #FFD94D #FFFF4D; } /* sub content block */ .subContent .newProducts, .subContent .bestSellers { margin-bottom:20px; } .basket { margin-bottom:35px; } .outOfStock { color:#B80909; } /* free delivery component */ .freeDelivery { border-top:1px solid #EFF7F7; clear:both; margin-top:15px; padding-top:20px; } /* worldpay payment provider info */ .paymentProvider { border-top:1px solid #EFF7F7; margin-top:15px; padding-top:35px; clear:both; width:100%; float:left; } .paymentProvider a { display:block; margin-bottom:10px; width:100%; float:left; } .paymentProvider img { float:left; margin:0 2px 2px 0; height:30px; } .paymentProvider a img { height:auto; } /* terms and conditions */ .termsAndConditions h2 { margin-bottom:10px; } .termsAndConditions p { margin-bottom:10px; } .termsAndconditions ol, .termsAndconditions ul { list-style:normal; } .termsCell .termsAndConditions { font-size:0.65em; border:1px solid #D6DDE4; padding:5px; height:150px; overflow:auto; margin-top:10px; } .javascript .termsCell .termsAndConditions { overflow:visible; display:none; height:auto; } .termsCell .termsAndConditions img { display:none; } /* breadcrumbs */ .breadCrumbs { background:#fff; margin-bottom:15px; font-size:1.1em; clear:both; } .breadCrumbs a { text-decoration:none; } .breadCrumbs a:hover { text-decoration:underline; } div.hr hr { display:none; } /* footer */ #footer { clear:both; width:100%; padding:15px 0 0; color:#8B84AD; } #footer .hr { background:#3B4BB0; border:1px solid #7089A1; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; height:4px; margin-bottom:15px; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); } #footer p { float:left; margin-left:10px; } #footer h4 { font-size:1.6em; padding-bottom:10px; } #footer li { font-size:1.1em; padding-bottom:5px; width:170px; float:left; } #footer .footerCategories { float:left; width:530px; } #footer .helpLinks { border-left:3px solid #D6DDE4; padding-left:20px; float:right; width:350px; } #footer li a { background:url('subNavArrow.gif') no-repeat left 4px; padding-left:10px; } #subFooter .company, #subFooter .equator a { color:white; font-size:1.2em; } #subFooter .company { float:left; } #subFooter .equator { float:right; } /******************* searchControls *******************/ .pagination { text-align:right; padding-bottom:10px; border-bottom:1px solid #F3F5F7; margin-bottom:10px; } .pagination * { display:inline-block; } .pagination .pagePrevious { padding:0 10px 0 5px; } .pagination .pageNext { padding:0 5px 0 10px; } .pagination span.pageNav { color:#bbbbbb; } .pagination .pageText { } .pagination .pageNumber { margin:0 5px; } .pagination span.pageNumber { background:#2B3E89; padding:0 5px; text-align:center; color:#fff; font-weight:bold; margin-top:-1px; line-height:1.4em; vertical-align:text-top; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .pagination a.pageNumber { margin:0 6px; } .javascript .products { margin:-5px; } .searchPages { overflow:hidden; width:100%; } .searchPages .searchPage { float:left; padding:5px; } .javascript .products ul { display:none; } .products .searchPages ul { display:block; } /* receipt page */ .receipt { font-size:1.2em; } /* bounce pages styles */ .bounceMessage { font-size:1.3em; } .bounceMessage big { font-size:100%; } .bounceMessage table { margin-top:10px; } /* confirm retrieve confirmation */ .retieveConfirm .actregular { display:block; margin-bottom:15px; } .retieveConfirm .button { margin-right:10px; } /* popup overlay */ .popup { left:0; position:fixed; top:0; width:100%; height:100%; z-index:500; background:#000; } .overlay { display: block; position:fixed; left:50%; z-index:501; } .overlay .popupContent { clear:both; } .overlay .popupClose { position:absolute; right:1px; top:1px; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1A0B60,endColorstr=#7f1A0B60);*/ background:#2B3E89; padding-left:9px; color:#fff; font-weight:bold; font-size:1.2em; border:solid #D6DDE4; border-width:0 0 1px 1px; -moz-border-radius:0 5px 0 5px; -webkit-border-radius:0 5px 0 5px; border-radius:0 5px 0 5px; } .overlay .popupClose span { display:block; padding:4px 9px 4px 0; } .overlay .popupContent .imageFrame { padding:5px; background:transparent; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1A0B60,endColorstr=#7f1A0B60);*/ background:rgba(255,255,255,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff); border:1px solid #D6DDE4; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .overlay .popupContent .imageFrame img { display:block; } .fakeImagesToUpload { background:url('blank.gif'); background:url('button_save_hover.gif'); background:url('button_retrieve_hover.gif'); background:url('button_continue_hover.gif'); background:url('button_checkoutnow_hover.gif'); background:url('button_update_hover.gif'); }