/* GENERAL *******************************************************************************/ * { list-style: none; margin: 0; padding: 0; } body { margin: 0; padding: 0; text-align: center; font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; color: #333333; } a { text-decoration: none; color: #82205f; font-weight: bold; } a:hover { color: #99ccff; } img { border: none; } p { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; color: #000066; } p.error { color: #f00; } .red {color: #ff0000; } fieldset { border: none; } .clear { clear: both; } /* CONTAINERS *******************************************************************************/ #Container { background: #fff; margin: 0 auto; width: 980px; clear: both; text-align:left; } #headerContainer { margin: 0; padding: 0; height: 128px; width: auto; background: URL("/images/bkng/HeaderBkng.gif") no-repeat; } #mainContainer { width: auto; height: auto; background: URL("/images/bkng/Main-Content-Top.gif") no-repeat 0 top ; } #mainContainer-Outside { width: auto; height: auto; background: URL("/images/bkng/Main-Content-bottom.gif") no-repeat 0 bottom; } #centreContent { background: URL("/images/bkng/Content-Bkng.gif") repeat-y 0 0; margin-left: 15px; width: 950px; } #centreContent-Inside { background: URL("/images/bkng/MiddleColumn-Bottom.gif") no-repeat right bottom; width: auto; min-height: 600px; _height: 600px; } #centreContent-Family { width:auto; height: auto; background: URL("/images/bkng/Main-Content-Bottom.png") no-repeat left bottom; background-position: -33px bottom; } #leftColumn2 { float: left; width: 200px; background: URL("/images/bkng/LeftColumn-Top.gif") no-repeat left top; padding-bottom: 250px; } #middleColumn2 { float: left; width: 550px; margin-left: 10px; padding-bottom: 20px; } #rightColumn2 { width: 190px; float: left; padding-bottom: 150px;} /* UTILITYNAVIGATION *******************************************************************************/ #utilityNavigation { height: 32px; background: #004082 URL("/images/bkng/utilityNavigation.jpg") no-repeat; width: auto; margin-bottom: 4px; } /*- Member Navigation -*/ #memberNavigation { float: left; height: 32px; } #memberNavigation li { float: left; margin-left: 12px; background: URL("/images/bkng/UtilityDivider.gif") no-repeat left bottom ;height: 32px; } #memberNavigation li.divider { width: 1px; margin-left: 0; } #memberNavigation li a { color: #fff; font: bold 11px "Trebuchet MS", "Franklin Gothic Demi Cond", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; letter-spacing: 0.02em; text-transform: uppercase; padding-left: 17px; padding-right: 17px; background: URL("/images/bkng/Member-bkng.png") repeat-x; padding-bottom: 7px; line-height: 32px; } /*- Ecommerce Navigation -*/ /*- eCommerce Navigation -*/ #ecommNavigation { float: right; padding-right: 5px; } #shopping { margin-top: 1px; float: left; padding-left: 5px; padding-right: 10px; margin-right: 1px; height: 32px; line-height: 32px; } #shopping li { line-height: 32px; float: left; color: #fff; } .WhiteLink { color: #FFFFFF; text-decoration: none } .WhiteLink:Hover { color: #FFFFFF; text-decoration: underline } .checkOutBtn, .iCart { float: left; margin-top: 4px; } /* LOGO *******************************************************************************/ #headerContainer a img { padding-top: 15px; padding-left: 10px; } #HeaderCaravan { background: URL("/images/bkng/HeaderCaravan.png") no-repeat right top; _background: URL("/images/bkng/HeaderCaravan.gif") no-repeat right top; width: 184px; height: 98px; position: absolute; margin-left: 750px; margin-top: -60px; .margin-left: 480px; .margin-top: 45px; } /* NAVIGATION *******************************************************************************/ #navigation { height: 33px; padding-left: 20px; } #navigation li { float: left; margin-left: 15px; } #navigation li a { font: bold 13px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; padding-left: 23px; color: #fff; cursor:pointer; background: URL("/images/common/NavigationArrow.png") no-repeat 0 -1px; line-height: 33px; } #navigation li a:hover { color: #99ccff; } /* MAIN CONTAINER *******************************************************************************/ #copyright { color: #fff; margin-right: 30px; text-align: right; width: 955px; line-height: 25px; } /*- Category Navigation -*/ #categoryNavigation { width: auto; margin: 20px 0 13px 0; min-height: 220px; } #categoryNavigation ul { width: 200px; } #categoryNavigation ul li { display: block; } #categoryNavigation ul li.parent, #categoryNavigation ul li.active { margin-left: 3px; } #categoryNavigation ul li.parent a { padding: 6px 0px 6px 12px; display: block; width: 185px; background: URL("/images/bkng/navigation-off.gif") no-repeat; font: bold 11px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; color: #666; letter-spacing: 0; font-weight: bold; } #categoryNavigation ul li.parent a:hover { background: URL("/images/bkng/navigation-on.gif") no-repeat; color: #000; font-weight: bold;} #categoryNavigation ul li.active a {padding: 6px 0 6px 12px; display: block; width: 185px; background: URL("/images/bkng/Navigation-On-Arrow.gif") no-repeat; font: bold 11px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; color: #000; letter-spacing: 0; font-weight: bold;} #categoryNavigation ul li.active ul { background: #fff; width: 197px; } #categoryNavigation ul li.active ul li a { background: #eee; color: #666; } #categoryNavigation ul li.active ul li a:hover { background: #82205f; color: #fff; } #categoryNavigation ul li.parent ul { position: absolute; background: #fff; width: 197px; display: none; margin-left: 197px; margin-top: -28px; border: 1px solid #9cf; *margin-top: 0px; *margin-left: 0px; } #categoryNavigation ul li.parent:hover ul { display: block; } #categoryNavigation ul li.parent ul li a { background: #fff; padding: 6px 0 6px 12px; } #categoryNavigation ul li.parent ul li a:hover { background: #82205f; color: #fff; } #categoryNavigation ul li.parent ul { display: none; } /*- Content -*/ #content { padding: 15px; } #content h1 { margin-top: 15px; color: #2c4592; font: bold 22px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; letter-spacing: 0.02em; text-transform: uppercase; line-height: 22px; } #content h1 em { font-size: 18px; font-style: normal; color: #0ca1d9; } #content h2 { clear: both; margin-top: 20px; color: #fff; font: bold 13px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; letter-spacing: 0.02em; text-transform: uppercase; background: URL("/images/bkng/h2-bkng.gif") no-repeat; padding-left: 10px; height: 24px; line-height: 24px; } #content h2 em { color: #333399; font-style: normal; text-transform: none;} /*- Price Displays -*/ #price { font: bold 18px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; color: #2c4592; } #price sup { font-size: 9px; .font-size: 13px; font-weight: bold; } #price span { font: 11px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; } #price em { font: 11px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; } #cart-price { font: bold 18px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; color: #99ccff; padding-top: 4px; height: 26px; } #cart-price sup { font-size: 9px; .font-size: 13px; font-weight: bold; } #cart-price span { font: 11px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; } #cart-price em { font: 11px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; } #wasprice { font-size: 11px; .font: 11px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; color: #2c4592; letter-spacing: -0.01em;} #wasprice sup { font-size: 9px; font-weight: bold; } #wasprice span { font: bold 18px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; background-image: url('/images/line-through.gif'); background-repeat: repeat-x; } #wasprice em { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #saleprice { font: bold 18px "Lucida Sans Demi", Arial, Verdana, Sans-serif, Times New Roman; color: #ff0000; letter-spacing: -0.01em;} #saleprice sup { font-size: 9px; font-weight: bold; } #saleprice span { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #saleprice em { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #bulkprice { font: bold 22px "Lucida Sans Demi", Arial, Verdana, Sans-serif, Times New Roman; color: #ff0000; letter-spacing: -0.01em;} #bulkprice sup { font-size: 16px; font-weight: bold; } #bulkprice span { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #bulkprice em { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #was { font-size: 11px; .font: 13px "Lucida Sans Demi", Arial, Verdana, Sans-serif, Times New Roman; color: #ff0000; letter-spacing: -0.01em;} #was sup { font-size: 9px; font-weight: bold; } #was span { font: bold 18px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; background-image: url('/images/line-through.gif'); background-repeat: repeat-x; } #was em { font: 13px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #now { font: bold 18px "Lucida Sans Demi", Arial, Verdana, Sans-serif, Times New Roman; color: #ff0000; letter-spacing: -0.01em;} #now sup { font-size: 9px; font-weight: bold; } #now span { font: 13px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #now em { font: 13px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } /*- Featured Products -*/ #featureProducts { list-style: none; margin-top: 10px; } #featureProducts li { float: left; border: 1px solid #0099cc; width: 238px; min-height: 183px; _height: 183px; margin: 0 10px 10px 0px; padding: 10px 0 10px 10px; } #bCopy { min-height: 92px; } #productText { width: 125px; float: left; margin: 0; } #productImage { float: right; width: 103px; margin: 0; overflow: hidden; height: 116px; } #productImage img { } .featureQtyField { margin-top: 5px; font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; float: left; width: 20px; height: 18px; } .addCart{ float: left; padding-left: 5px; margin-top: 4px; } /*- Latest Products -*/ .MCP-LatestProducts-Outside { background: #004082; } .MCP-LatestProducts { background: #fff; } .MCP-LatestProducts h3 { background: #0ca1d9 URL("/images/bkng/RHS-h3.gif") no-repeat; font: bold 13px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; line-height: 23px; } #latestReleases { width: 190px; height: 220px; } .MCP-ProductInformation { width: 178px; padding: 10px 0 10px 8px; } .MCP-ProductInformation a { } #latestProductsImage { width: 103px; overflow: hidden; height: 116px; margin-left: 10px; margin-bottom: 10px; float: right; text-align: right;} #MCP-Header { background: URL("/images/bkng/RHS-Header.gif") no-repeat right 0; height: 20px; } #MCP-Footer { background: URL("/images/bkng/RHS-Bottom.gif") no-repeat right 0; height: 23px; } /*- Top Ten -*/ #TopTen { padding: 10px; width: 169px; } .topTenTable { margin: 0; padding: 0; } .topTenTable td { padding: 3px; border-bottom: 3px solid #fff; } tr.alt td { background: #c5daef; } /*- Breadcrumb -*/ #bCrumb { float: right; padding-top: 10px; padding-right: 20px; color: #000066;} /*- Site Map -*/ .SiteMapRootNode { clear: both; font: 13px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; letter-spacing: 0.02em; font-weight: bold; margin-top: 10px; } .SiteMapRootNode A { clear: both; margin-top: 20px; font: 13px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: 10px; letter-spacing: 0.02em; font-weight: bold; } .SiteMapParentNode { clear: both; margin-top: 20px; font: 16px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; letter-spacing: 0.02em; } .SiteMapLeafNode { font: bold 11px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; letter-spacing: 0.02em; text-decoration: none; padding-right: 10px; } /* SEARCH RESULTS *******************************************************************************/ #searchResults { clear: both; width: 100%; margin: 10px 0; } .SearchResultsColumnHeader { color: #fff; font: 12px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; letter-spacing: 0.02em; text-transform: uppercase; padding: 5px 8px; background: #004082; border-top: 3px solid #8f4273; } #searchResults th { color: #fff; font: 12px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; letter-spacing: 0.02em; text-transform: uppercase; padding: 5px 8px; background: #004082; } .TableRow td { background: #f1efef; padding: 5px 8px; border-bottom: 1px solid #004082; } .TableRowAlt td { padding: 5px 8px; border-bottom: 1px solid #004082; } .TableRow td.SearchResults-Description, .TableRowAlt td.SearchResults-Description { padding-top: 9px; } .topPadding { padding-top: 9px; padding-left: 8px; } .leftPadding { padding-left: 8px; } .leftPadding-Red { padding-left: 8px; color: #f00; } .topPadding-Red { padding-top: 9px; padding-left: 8px; color: #f00; } /* MODAL POPUP *******************************************************************************/ .modalBackground {} .modalPopup { width:300px; height: 160px; padding: 10px; border: solid 1px #0ca1d9; background: #fff URL("/images/bkng/MiddleColumn-Bottom.gif") no-repeat right bottom; ; } .modalPopup h3 { font: bold 13px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; line-height: 23px; color: #2c4592; background: #fff; margin: 0; padding: 0; } /*- GreyBox -*/ #GreyboxPopup { background: #fff; width: 360px; height: 260px; border-top: 3px solid #8f4273; } #GreyboxPopup-CVN { background: #fff; width: 440px; height: 360px; border-top: 3px solid #8f4273; } #GreyboxPopup h1, #GreyboxPopup-CVN h1 { margin-top: 15px; color: #2c4592; font: bold 22px "Trebuchet MS", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; letter-spacing: 0.02em; text-transform: uppercase; line-height: 22px; } #Greybox-innerContent { padding: 0 20px 20px 20px; text-align: left; } #GreyboxPopup p, #GreyboxPopup-CVN p { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; color: #000066; } #GreyboxPopup p.error { color: #f00; } #GreyboxPopup li {font-size: 11px; } /*- Search -*/ #search { background: #0ca1d9; padding: 10px 0 10px 10px; border-top: 3px solid #8f4273; margin: 0; } .searchSubmit { float: left; padding-left: 5px;} #arrowLink { text-align: right; margin: 0; padding: 0; padding-top: 3px; } /* FOOTER NAVIGATION *******************************************************************************/ #footer { width: auto; line-height: 30px; padding-bottom: 5px; } #footer ul { } #footer li { float: left; line-height: 30px; } #footer li a { font-weight: bold; margin-bottom: .5em; letter-spacing: 0.02em; text-decoration: none; padding-left: 10px; padding-right: 10px; } #footer p { } .Pager { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; color: #000000; } .Pager td { border: none; } .Pager span { font-weight: bold; color: #000000; } p.label { line-height: 22px; float: left; padding-right: 10px;} p.labelNews { line-height: 22px; float: left; width: 75px; padding-right: 10px;} .standardField { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; float: left; width: 90px; height: 18px; margin: 0px; padding: 0px; } h3 { background: #000000; color: #ffffff; font: bold 12px "Lucida Sans Demibold", Arial, Verdana, Sans-serif, Times New Roman; letter-spacing: 0.01em; text-decoration: none; line-height: 26px; height: 26px; padding-left: 10px; } /* h4 { font: bold 11px "Lucida Sans Demibold", Arial, Verdana, Sans-serif, Times New Roman; color: #000000; margin-bottom: 2px; } */ ol li { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; color: #000000; margin-bottom: 2px; list-style-type:decimal; list-style-position: inside; } ol li a { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; color: #000000; padding-left: 10px; } /* FORM ELEMENTS */ .TextBox { FONT-SIZE: 11px; FONT-FAMILY: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } .PasswordTextBox { FONT-SIZE: 11px; /* FONT-FAMILY: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; */ } .ComboBox { PADDING: 0; FONT-SIZE: 11px; FONT-FAMILY: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } .ControlValueMatcherValidator { FONT-SIZE: 11px; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: Red; } .DropDownList { FONT-SIZE: 11px; FONT-FAMILY: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } .EmailAddressValidator { FONT-SIZE: 11px; FONT-FAMILY: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: Red; } .UniqueControlValueValidator { FONT-SIZE: 11px; FONT-FAMILY: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: Red; } .IntegerValidator { FONT-SIZE: 11px; FONT-FAMILY: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: Red; } .LuhnCheckValidator { FONT-SIZE: 11px; FONT-FAMILY: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: Red; } .PasswordValidator { FONT-SIZE: 11px; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: Red; } .RequiredControlValidator { FONT-SIZE: 11px; FONT-FAMILY: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: Red; } /* Clear Float *******************************************************************************/ /*** see http://www.positioniseverything.net/easyclearing.html ***/ .clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfloat { display: inline-block; } /* Hides from IE-mac */ * html .clearfloat { height: 1%; } .clearfloat { display: block; } /* End hide from IE-mac */ /*** end clearing hack ***/ #lhn_usp { width: 200px; height: 149px; margin: 0; padding: 0; } /* Main Content ****************************************************************************** #content ul { } #content li { background: transparent url("/images/greentxt_Arrow.gif") no-repeat 0 5px; font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; color: #000000; padding-left: 12px; } */ #featureOffer { width: 547px; height: 264px; } #featureOffer img { width: 547px; height: 264px; } .featureOffer-div { width: 547px; height: 264px; } #featureOffer a { text-decoration: none; color: #000000;} #featureOffer a:visited { color: #000000; } #arrowLge { float: right; padding-right: 20px; padding-left: 25px; line-height: 26px; background: transparent URL("/images/whiteArrow_Lge.gif") no-repeat 0px 0px; color: #000000; font: 16px "Franklin Gothic Demi Cond", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; letter-spacing: 0.02em; text-transform: uppercase; margin-top: 135px; } .ArrowLarge { padding-bottom:8; padding-left:0; padding-right:5; padding-top:0; background:transparent; color: #000000; font: 16px "Franklin Gothic Demi Cond", Arial, Verdana, Sans-serif, Times New Roman; margin-bottom: .5em; letter-spacing: 0.02em; text-transform: uppercase; } /* Right Column *******************************************************************************/ .staf { padding: 15px 0 15px 70px; margin: 0; line-height: 35px; background: #f7e9aa; } #rightColumn { /*width: 199px; float: left; background: #ffffff; height: auto; border-left: solid 1px #000000; border-right: solid 1px #000000; */ } #newsletterSignup { padding: 10px; height: 172px; border-bottom: 1px solid #000; } #newsletterSignup a span { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #newsletterLinks { margin-top: 10px; } #newsletterLinks li { clear: both; background: transparent url("/images/greentxt_Arrow.gif") no-repeat 100% 2px; float: right; font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; color: #000000; padding-right: 10px; width: 150px; text-align: right; } /* Rollover *******************************************************************************/ .rollover span#rover { display: none; margin: 0px; } .rollover:hover span#rover { text-decoration: none; display: block; position: absolute; margin: -5px 0 0 -200px; /* Firefox */ .margin: 10px 0 0 -380px; /* IE7 */ _margin: 0 0 0 2px; /* IE6 */ background: #ffffff; border: 1px solid #000000; width: 245px; height: 173px; padding: 10px; z-index: 1; cursor:pointer; } .rollover span#rover p img { float: right; padding-left: 10px; } .rollover span#rover .featureQtyField { .margin-left: 10px; } .LatestProductDiv { padding: 2px; position:relative; left:0px; top:0px; height: 195px; width:190px; filter: alpha(opacity=0); -moz-opacity:0%; border-color: #FFFFFF; background-color:#FFFFFF; border-style:solid; border-width:1px; z-index:1; } .LatestProductDivOver { padding: 2px; position:relative; left:0px; top:0px; height:195px; filter: alpha(opacity=0); border-color: #000000; border-style:solid; border-width:1px; -moz-opacity:0%; background-color:#FFFFFF; z-index:1; } /* Category Pages *******************************************************************************/ .categoryQtyField { margin-top: 0px; font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; width: 30px; height: 18px; } .categoryAddCart{ padding-left: 5px; } /* Category Pages *******************************************************************************/ .productPrice { float: left; padding-top: 5px; padding-right: 10px; } .productImage { float: right; padding: 0 40px; } #priceDisplay { margin-top: 20px; }