/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Walking With Dinosaurs Shop Stylesheet Author : Darren Lynch / darren.lynch@mediarock.co.uk / Mediarock Ltd - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#000000; color:#000000; text-align:center; } td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } li, li a {color:#fff;} /* ----- IDS ----- */ #container { text-align:left; font-size:110%;} #contentContainer { width:980px; margin:0 auto;} #header { height:164px; width:980px; background:url(../images/headerBg.gif) bottom left repeat-x; position:relative;} #header #eye { position:absolute; top:-10px; left:0px;} #header #logo { position:absolute; top:0px; left:380px;} #header #terradactyl { position:absolute; top:8px; left:724px;} #header #shoppingCart { position:absolute; top:70px; right:40px; width:300px; text-align:right; color:#f7921e; height:29px; padding-right:50px; font-size:10px; font-weight:bold;} #header #shoppingCart #shoppingCartImage { position:absolute; top:0px; right:0px;} #header #shoppingCart #shoppingCartView { line-height:10px; padding-bottom:5px;} #header #shoppingCart #shoppingCartView a { color:#ffffff; font-weight:bold; text-decoration:none;} #header #shoppingCart #shoppingCartView a:hover { text-decoration:underline;} #header #shoppingCart #shoppingCartItems { float:right;} #header #shoppingCart #shoppingCartTotal { float:right; padding-left:17px;} #middle { height:495px;} #middle #leftCol { width:218px; float:left; height:495px; position:relative;} #middle #leftCol #productCategories { padding: 12px 0 10px 20px;} #middle #leftCol #dinosaur { position:absolute; bottom:0px; left:0px;} #middle #rightCol { width:762px; float:left; height:495px; overflow:auto;} #middle #rightCol .padding { padding:10px 0;} /* ----- SHOPPING CART PAGE ----- */ #shoppingCartPage { width:705px;} #shoppingCartPage table { text-transform:uppercase; color:#ffffff; width:705px;} #shoppingCartPage #tableDetails { margin-bottom:45px;} #shoppingCartPage #tableDetails th { color:#ff2000; padding:5px 12px 12px 12px; font-size:14px; font-weight:normal;} #shoppingCartPage #tableDetails td { border-top:1px solid #ffffff; padding: 12px; font-size:14px; font-weight:bold;} #shoppingCartPage #tableDetails td a { color:#ffffff; font-weight:bold; text-decoration:none;} #shoppingCartPage #tableDetails td a:hover { text-decoration:underline;} #shoppingCartPage #tableDetails .col1 { width:515px;} #shoppingCartPage #tableDetails .col2 { width:130px;} #shoppingCartPage #tableDetails .col3 { width:80px;} #shoppingCartPage #tableDetails .col4 { width:10px;} #shoppingCartPage #tableDetails .quantity { width:105px; padding:2px 5px; border: 1px solid #ff2000; text-align:center; font-size:12px; font-weight:bold;} #shoppingCartPage #tableDetails .delete { margin:0 auto; width:10px;} #shoppingCartPage #tableTotal { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} #shoppingCartPage #tableTotal {} #shoppingCartPage #tableTotal td { padding:5px 12px 5px 12px; font-size:14px; font-weight:normal;} #shoppingCartPage #tableTotal .col1 { font-size:10px;} #shoppingCartPage #tableTotal .col2 { font-size:14px; text-align:right;} #shoppingCartPage #tableTotal .orderTotal { color:#ff2000;} #shoppingCartPage #tableTotal .orderTotalPrice { font-weight:bold; padding-right:34px;} #shoppingCartPage #shoppingCartPageButtons { padding:16px 35px 22px 10px;} #shoppingCartPage #shoppingCartPageButtons a { float:right; margin-left:5px;} #shoppingCartPage #shoppingCartPaymentTypes { padding: 0 0 20px 490px;} /* ----- FEATURED PRODUCTS ----- */ #featuredProducts { color:#ffffff; font-size:12px; line-height:18px; padding: 5px 50px 20px 40px;} #featuredProducts .title { padding-left:0px; margin-left:-6px;} #featuredProducts .featuredProduct { width:197px; margin-right:15px; float:left;margin-bottom:20px;} #featuredProducts .featuredProduct .featuredProductImage { width:197px; height:197px; background:#ffffff; border:1px solid #ff2000;} #featuredProducts .featuredProduct .featuredProductTitle a { font-size:12px; color:#ff2000; font-weight:bold; line-height:14px; padding:8px 0 4px 0px; text-transform:uppercase;} #featuredProducts .featuredProduct .featuredProductTitle { font-size:12px; color:#ff2000; font-weight:bold; line-height:14px; padding:8px 0 4px 9px; text-transform:uppercase;height:30px;} #featuredProducts .featuredProduct .featuredProductPrice { font-size:15px; font-weight:bold; padding: 0 0 10px 9px;} #featuredProducts .featuredProductButtons { padding-bottom:25px;} #featuredProducts .featuredProductButtons a { float:left; margin-left:6px;} /* ----- PRODUCT DETAILS ----- */ #productDetails { color:#ffffff; font-size:12px; line-height:18px; padding: 0px 50px 20px 40px;} #productDetails .title { padding-left:0px; margin-left:-6px;} #productDetails #productLeft { width:281px; float:left;} #productDetails #productLeft #productImage { width:279px; height:291px; background:#ffffff; border:1px solid #ff2000;} #productDetails #productLeft #productImageControl { padding:15px 4px;} #productDetails #productLeft #productImageControl a { color:#ffffff; font-size:12px; text-decoration:none; font-weight:bold;} #productDetails #productLeft #productImageControl a:hover { text-decoration:underline;} #productDetails #productRight { width:360px; float:left; margin-left:21px; line-height:17px;} #productDetails #productRight #productTitle { font-size:24px; color:#ff0000; line-height:24px; font-weight:bold; padding-bottom:30px; text-transform:uppercase;} #productDetails #productRight .productInfo { line-height:14px; padding-bottom:10px; font-size:12px; font-weight:bold; text-transform:uppercase;} #productDetails #productRight #productPrice { font-size:15px; font-weight:bold; padding: 27px 0 9px 0px;} #productDetails #productRight #productSize { margin: 0 0 7px 0; height:20px;} #productDetails #productRight #productSize select{ font-size:11px; text-transform:uppercase; width:115px; padding:1px 2px; margin:0;} #productDetails #productRight #productQuantity { margin: 0 0 12px 0; height:20px;} #productDetails #productRight #productQuantity select{ font-size:11px; text-transform:uppercase; width:115px; padding:1px 2px; margin:0;} #productDetails #productRight #productAddToCart { padding-bottom:20px;} .additionalImages { border:1px solid #FF0000; float:left; margin-bottom:0; margin-left:0; margin-right:10px; margin-top:10px; width:auto !important; } #productAdditionalImages { width:350px; float:left; } /* ----- CUSTOMER DETAILS ----- */ #customerDetails { position:relative;} #featuredProducts .requiredFields, #customerDetails .requiredFields { position:absolute; top:44px; left:12px; color:#ffffff; font-size:10px; text-transform:uppercase; font-weight:bold;} #featuredProducts #customerDetails form {} #featuredProducts #customerDetails fieldset {} #featuredProducts div.loginForm, #customerDetails div { clear:both; height:32px;} #featuredProducts label, #customerDetails label { width:235px; float:left; text-align:right; font-size:12px; text-transform:uppercase; font-weight:bold; color:#ffffff; padding-right:15px;} #featuredProducts .inputField, #customerDetails .inputField { width:300px; border:1px solid #ff0000; padding:3px 5px; font-size:12px; font-weight:bold;} #featuredProducts .selectField, #customerDetails .selectField { margin:0; text-transform:uppercase; font-size:11px; font-weight:bold;} #featuredProducts #selectCountry , #customerDetails #selectCountry { padding:4px 0 5px 0;} /* ----- DEFAULT PAGE ----- */ #defaultPage { padding: 0px 50px 20px 40px; color:#ffffff; font-size:12px; line-height:18px;} #defaultPage .title { padding-left:0px; margin-left:-6px;} /* ----- LEFT NAVIGATION ----- */ #leftNav { padding: 0 0 0 19px;} #leftNav ul { margin:0; padding:0; list-style:none;} #leftNav li { display:block; float:left;} #leftNav a { display:block; width:132px; height:40px;} #leftNav span { display:none;} #leftNav .memorabilia a { background:url(../images/leftNav.gif) 0px -4px no-repeat;} #leftNav .memorabilia a:hover { background:url(../images/leftNav.gif) -133px -4px no-repeat;} #leftNav .memorabilia a.active { background:url(../images/leftNav.gif) -133px -4px no-repeat;} #leftNav .clothing a { background:url(../images/leftNav.gif) 0px -44px no-repeat;} #leftNav .clothing a:hover { background:url(../images/leftNav.gif) -133px -44px no-repeat;} #leftNav .clothing a.active { background:url(../images/leftNav.gif) -133px -44px no-repeat;} /* #leftNav .mens a { background:url(../images/leftNav.gif) 0px -44px no-repeat;} #leftNav .mens a:hover { background:url(../images/leftNav.gif) -133px -44px no-repeat;} #leftNav .mens a.active { background:url(../images/leftNav.gif) -133px -44px no-repeat;} #leftNav .womens a { background:url(../images/leftNav.gif) 0px -80px no-repeat;} #leftNav .womens a:hover { background:url(../images/leftNav.gif) -133px -80px no-repeat;} #leftNav .womens a.active { background:url(../images/leftNav.gif) -133px -80px no-repeat;} #leftNav .childrens a { background:url(../images/leftNav.gif) 0px -120px no-repeat;} #leftNav .childrens a:hover { background:url(../images/leftNav.gif) -133px -120px no-repeat;} #leftNav .childrens a.active { background:url(../images/leftNav.gif) -133px -120px no-repeat;} */ #leftNav .accessories a { background:url(../images/leftNav.gif) 0px -83px no-repeat;} #leftNav .accessories a:hover { background:url(../images/leftNav.gif) -133px -83px no-repeat;} #leftNav .accessories a.active { background:url(../images/leftNav.gif) -133px -83px no-repeat;} #leftNav .toys a { background:url(../images/leftNav.gif) 0px -122px no-repeat;} #leftNav .toys a:hover { background:url(../images/leftNav.gif) -133px -122px no-repeat;} #leftNav .toys a.active { background:url(../images/leftNav.gif) -133px -122px no-repeat;} #leftNav .lights a { background:url(../images/leftNav.gif) 0px -163px no-repeat;} #leftNav .lights a:hover { background:url(../images/leftNav.gif) -133px -163px no-repeat;} #leftNav .lights a.active { background:url(../images/leftNav.gif) -133px -163px no-repeat;} /* ----- FOOTER ----- */ #footer { background:url(../images/footerBg.gif) top left repeat-x; height:80px; width:980px; position:relative;} #footer #copyright { text-align:center; font-size:10px; color:#ffffff; padding: 51px 0 0 40px;} #footer #ivsGroupLogo { position:absolute; top:28px; left:21px;} #footer #bbcLogo { position:absolute; top:24px; left:903px;} #footerNav { width:495px; height:12px; position:absolute; top:29px; left:266px;} #footerNav ul { margin:0; padding:0; list-style:none;} #footerNav li { display:block; float:left; height:12px; display:inline;} #footerNav a { display:block; float:left; height:12px; display:inline;} #footerNav span { display:none;} #footerNav .contactUs a { width:63px; background:url(../images/footerNav.gif) 0px 0px no-repeat;} #footerNav .deliveryCharges a { width:99px; margin-left:30px; background:url(../images/footerNav.gif) -93px 0px no-repeat;} #footerNav .termsConditions a { width:114px; margin-left:30px; background:url(../images/footerNav.gif) -222px 0px no-repeat;} #footerNav .chooseYourLocation a { width:129px; margin-left:30px; background:url(../images/footerNav.gif) -366px 0px no-repeat;} /* ----- CLASSES ----- */ .clear { clear:both; } .hide { display:none; } .align_center { text-align:center;} .align_right { text-align:right;} .float_left { float:left !important; } .float_right { float:right !important; } .image_right { float:right; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .title { padding: 0 0 10px 7px;} .title span { display:none;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 5px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline; } a:hover { text-decoration:none; } a:focus, a:hover, a:active { outline:none;} /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } #worldpay { margin:0px 0px 20px -85px; } #worldpay table, #worldpay tr, #worldpay td { background-color:#000; } #worldpay td span { color:#fff !important; font-size:12px !important; line-height:20px !important; } #worldpay h3{ display:none; } .bannererror { display:none; } #checkoutSuccessContactLink a, #checkoutSuccessOrderLink a{ color:#FF0000; font-weight:bold; }