/************************************************** Product gallery **************************************************/ .gallery { width : 304px; margin-right : 10px; margin-bottom : 6px; } .gallery img { border : 1px solid #e5e5e5; cursor : default; } .gallery img#imMainImage { margin-right:2px; } /* Main image */ .mainImage { position : relative; } .mainImage img.enlargeButton /* IE6 specific : Store-ie6.css */ { position : absolute; right : 3px; bottom : 10px; border : 0; cursor : pointer; } /* Thumbs */ .thumbs { margin-top : 1px; } .thumbs div { float : left; position : relative; } .thumbs img { margin : 0 2px 0px 0; padding : 0px; } .thumbs div img.enlargeButton { position : absolute; bottom : 4px; right : 1px; border : 0; cursor : pointer; } /* Overlays */ .overlays { padding-top : 4px; clear : both; } .overlays img { margin : 0 2px 0 0; padding : 0px; } /********************************************** Product details Section **********************************************/ td.ProductDetailsDiv { width : 286px; padding-right : 10px; margin-bottom : 6px; padding-left: 10px; font-size : 10px; } td.ProductDetailsDiv div.ProductBrand { margin : 0 0 10px 0; padding : 0 0 10px 0; border-bottom : 1px dotted #DDDDDD; text-align : center; } td.ProductDetailsDiv div.ProductBrand div { text-align : center; } td.ProductDetailsDiv p.BrandDescription { font-size : 10px; text-align : center; } td.ProductDetailsDiv p { padding : 10px; } td.ProductDetailsDiv div.AveRatingSection { margin-bottom : 10px; } td.ProductDetailsDiv div.AveRatingSection span.ReviewCount { padding-right : 5px; background : transparent url(/skins/G118/img/product/review_seperator.gif) no-repeat right center; } td.ProductDetailsDiv div.AveRatingSection span.ReviewTabLink { padding-left : 2px; } td.ProductDetailsDiv div.AveRatingSection span.RatingLabel { width : 106px; margin-right : 5px; display : block; float : left; } /* Product price section */ div.ProductPriceDiv div.PriceDetails { margin-bottom : 5px; } div.ProductPriceDiv div.PriceDetails p { font-weight : bold; font-size : 12px; } div.ProductPriceDiv div.PriceDetails div.RRPSection { margin : 0 0 0 10px; color : #969696; } div.ProductPriceDiv div.PriceDetails div.RRPSection span { font-size : 9px; text-decoration : line-through; } div.ProductPriceDiv div.PriceDetails span.PriceLabel { padding : 2px 10px; display : block; font-size : 11px; font-family : arial,verdana,sans-serif; font-weight : bold; } div.ProductPriceDiv div.PriceDetails span.SavingLabel { padding : 0 10px; display : block; } div.ProductPriceDiv div.PriceDetails span.SavingLabel span.SavingPrice { color : #FF6D18; } div.ProductPriceDiv div.Stock { padding : 5px 10px 0 10px; } div.ProductPriceDiv p.ProductCode { margin-bottom : 15px; padding-bottom : 15px; border-bottom : 1px dotted #c7c7c7; } span.ProductCodeLabel { width : 106px; margin-right : 5px; display : block; float :left; } /* Product options */ td.ProductDetailsDiv table { border-collapse : collapse; } td.ProductDetailsDiv table td { padding-bottom : 10px; } td.ProductDetailsDiv table td label { width : 106px; margin-right : 5px; display : block; } /* Product options */ div.ProductPriceDiv div.ProductBuyControls { padding-left : 10px; } div.ProductPriceDiv div.ProductBuyControls label { width : 106px; margin-right : 5px; display : block; float :left; } div.ProductPriceDiv div.ProductBuyControls input.Quantity { width : 24px; margin-right : 5px; float : left; } div.ProductPriceDiv div.ProductBuyControls div.PurchaseButtonSection { margin-top : 15px; margin-bottom : 15px; padding-left : 111px; } div.ProductPriceDiv div.ProductBuyControls div.PurchaseButtonSection input, img.Help { border : 0; vertical-align : middle; } /* Product personalisation styles */ div.ProductPersonalisationDetails { clear : both; padding : 5px; text-align : left; } div.ProductPersonalisationDetails img { vertical-align : middle; } /* Finance section styles */ div.FinanceSection { padding-top : 10px; padding-bottom : 10px; border-top : 1px dotted #c7c7c7; display : block; clear : both; text-align : center; } /* Average rating styles */ div.AveRatingSection { padding-top : 10px; border-top : 1px dotted #c7c7c7; display : block; clear : both; } /* Product description */ div.ProductDescriptionDiv { padding-top : 10px; padding-bottom : 10px; clear : both; } div.ProductDescriptionDiv h3 { margin-right : 0; margin-bottom : 10px; margin-left : 0; } div.ProductDescriptionDiv div.Content { margin-right : 10px; margin-left : 10px; background : transparent; } /* Product Options */ table.OptionsControl { width : 100%; margin : 0 auto; } table.OptionsControl thead td, table.OptionsControl tfoot td { padding : 4px 12px; border : 1px solid #E5E5E5; border-width : 1px 1px 1px 0px; vertical-align : middle; background : #EDEDED; color : #4A515B; font-family : Arial,Helvetica,Sans-Serif; font-size : 11px; font-weight : bold; } table.OptionsControl thead td:first-child { border-width : 1px 1px 1px 1px; } table.OptionsControl tfoot td { border-width : 0px 1px 1px 1px; text-align : right; } table.OptionsControl tfoot td input { vertical-align : middle; } table.OptionsControl tfoot td input.Quantity { width : 24px; } table.OptionsControl tbody tr td { border-bottom : 1px solid #E5E5E5; padding : 4px 12px; vertical-align : middle; font-size : 10px; } table.OptionsControl tbody tr.alt { background : #eee; } table.OptionsControl tbody tr.Disabled td { cursor : default; text-decoration: line-through; } table.OptionsControl tbody tr.selected { background : #92cf50 !important; } table.OptionsControl tbody tr.selected td { color : #fff !important; } table.OptionsControl tbody tr td:first-child { border-left : 1px solid #E5E5E5; } table.OptionsControl tbody tr td:last-child { border-right : 1px solid #E5E5E5; width : 125px; padding-top : 2px; padding-bottom : 2px; } table.OptionsControl tbody tr.selected td span.MatrixItemPrice span.Price { color : #fff; } table.OptionsControl tbody tr td span.MatrixItemPrice span.Label { display : none; } table.OptionsControl tr td div.customiseControl { float : right; text-align : left; } /* Product Tabs */ td.BodyContent table.Tabs { margin-top : 6px; } .Content td.BodyContent table.Tabs td { padding : 0; margin : 0; text-align : center; vertical-align : middle; background : #249cce url(/skins/G118/img/border/tab_l.gif) repeat-x left top; font-size : 12px; cursor : pointer; } .Content td.BodyContent table.Tabs td h3 { margin : 0 0 -1px 0; padding : 0 10px; background : url(/skins/G118/img/border/tab_r.gif) no-repeat right top; line-height : 24px; } .Content td.BodyContent table.Tabs td h3 span.tr { display : none; } .Content td.BodyContent table.Tabs td.Selected, .Content td.BodyContent table.Tabs td.Selected:hover { background : #249cce url(/skins/G118/img/border/tabsel_l.gif) repeat-x left top; cursor : default; } .Content td.BodyContent table.Tabs td h3.Selected, .Content td.BodyContent table.Tabs td:hover h3.Selected { background : url(/skins/G118/img/border/tabsel_r.gif) no-repeat right top; color : #fff; } .Content td.BodyContent table.Tabs td:hover { background : #249cce url(/skins/G118/img/border/tabhov_l.gif) repeat-x left top; } .Content td.BodyContent table.Tabs td:hover h3 { background : url(/skins/G118/img/border/tabhov_r.gif) no-repeat right top; color : #fff; } /* Product tab contents */ div.TabHolder { padding : 13px 10px; border : 1px solid #e5e5e5; } div.TabHolder div.ShortDescription div.Seperator { clear : both; } .PriceDetails span.Price { padding : 2px 10px; display : block; color : #ff6d18; font-size : 24px; font-weight : bold; } .PriceDetails span.Label { display : none; } /************************************************ Product tab contents ***********************************************/ div.V12ProductSection { margin-bottom : 15px; } div.V12ProductSection div.V12ProductSectionHeader { margin-bottom : 10px; } div.V12ProductSection div.V12ProductSectionHeader h4 { margin : 0 0 10px 0; padding : 5px 10px; border-bottom : 1px dotted #999; color : #616674; font-size : 12px; } div.V12ProductSection div.V12ProductSectionHeader p { margin-right : 10px; margin-left : 10px; } div.V12ProductSection ul.V12ProductDetails { margin-right : 20px; margin-left : 20px; } .ReviewEntry { width:100%; height:245px; } #ReviewTable { width:100%; } /* Reviews tab */ div.ReviewTab div.ReviewDiv { margin : 0 0 10px 0; padding : 0 0 10px 0; border-bottom : 1px dotted #dddddd; } div.ReviewTab div.LastReviewDiv { padding : 10px 0; } div.ReviewTab div.LastReviewDiv div.ReviewHeader, div.ReviewTab div.ReviewDiv div.ReviewHeader { margin : 10px 0; } div.ReviewTab div.LastReviewDiv div.ReviewHeader span.NickName, div.ReviewTab div.ReviewDiv div.ReviewHeader span.NickName { font-weight : bold; } div.ReviewTab div.LastReviewDiv div.ReviewHeader span.Title, div.ReviewTab div.ReviewDiv div.ReviewHeader span.Title { font-weight : bold; color:#33588F; } /* Contribute tab */ table.Contribute { width : 585px; border-collapse : collapse; } table.Contribute tr td { } table.Contribute tr td.ErrorCell { padding : 5px 10px; } table.Contribute tr td.ErrorCell ul { list-style-position : outside; } table.Contribute tr td.ErrorCell ul li { margin : 0 10px; color : red; } table.Contribute tr td.ProductName { padding : 0 0 10px 10px; } table.Contribute tr td.ProductName p.ProductName span { font-size : 13px; font-weight : bold; display : block; } table.Contribute tr td.RatingCell { width : 220px; padding : 0 20px 10px 10px; border-right : 1px dotted #DDDDDD; text-align : center; } table.Contribute tr td.RatingCell p { margin-bottom : 5px; } table.Contribute tr td.RatingCell p.RatingLabel { margin-bottom : 10px; float : left; font-weight : bold; font-size : 10px; } table.Contribute tr td.RatingCell div.StarReviewErrorMessage { float : right; } table.Contribute tr td.RatingCell ul.RatingList { width : 190px; margin : 0 0 20px 0; padding : 0; float : left; list-style-position : inside; } table.Contribute tr td.RatingCell ul.RatingList li { margin : 0; padding : 0 0 2px 0; clear : both; list-style-type : none; } table.Contribute tr td.RatingCell ul.RatingList li input { margin : 2px 0; padding : 0; vertical-align : middle; } table.Contribute tr td.RatingCell ul.RatingList li label span { margin : 0 4px; padding : 0; vertical-align : middle; } table.Contribute tr td.RatingCell div.ModerationWarning { padding : 5px; clear : both; background : #F5F5F6; } table.Contribute tr td.ReviewCell { width : 355px; padding : 0 5px 5px 20px; } table.Contribute tr td.ReviewCell p, table.Contribute tr td.ProductName p.ProductName { margin-bottom : 10px; font-weight : bold; font-size : 10px; } table.Contribute tr td.ReviewCell div.ReviewForm { margin-top : 10px; } table.Contribute tr td.ReviewCell div.ReviewForm div { margin-bottom : 10px; clear : both; } table.Contribute tr td.ReviewCell div.ReviewForm div label { margin-bottom : 5px; display : block; } table.Contribute tr td.ReviewCell div.ReviewForm div div.Reviewtext { width : 305px; float : left; } table.Contribute tr td.ReviewCell div.ReviewForm div div.Reviewtext .LongInputField { width : 298px; height : 190px; float : left; } div.SubmitRow { width : 298px; text-align : right; } /* Personalisation Wizard */ table.PersonaliseWizard, table.OptionsTable { width : 100%; } table.MatrixItems .VatPrice .Price, table.ProductExtrasDetails .VatPrice .Price, div.ProductOption .VatPrice .Price { color : #4A515B; font-size : 10px; } table.MatrixItems .VatPrice .Label, table.ProductExtrasDetails .VatPrice .Label, div.ProductOption .VatPrice .Label { display : none; } /* Personalisation options page */ table.PersonaliseTable { width : 100%; } div.PersonalisationSection { margin-bottom : 4px; } h1.OptionsHeader { margin-top : 0px; margin-bottom : 10px; padding-bottom : 5px; padding-left : 5px; border-bottom : 1px dotted #DDDDDD; font-size : 14px; } h3.OptionQuestionsHeader { margin-bottom : 10px; padding-bottom : 5px; padding-left : 5px; border-bottom : 1px dotted #DDDDDD; font-size : 12px; } div.OptionImage { margin-right : 10px; padding : 4px; border : 1px solid #bbb; } div.ProductOption { margin-top : 3px; } div.ProductOption span.OptionName { font-weight : bold; } br.Separator { clear : both; } /* Personalisation options questions */ table.QuestionDetails { margin : 10px 13px; } table.QuestionDetails .QuestionLabel { padding-top : 3px; font-weight : bold; } table.QuestionDetails .QuestionInput { padding-bottom : 4px; padding-left : 8px; } table.QuestionDetails .QuestionInput p { margin : 4px 0 0 0; } table.QuestionDetails td.QuestionInput input { width : 350px } table.QuestionDetails td.ProductExtrasHeaderCell h1 { margin-top : 0; } /* Personalisation bundles */ table.BundleDetails { width : 100%; } /* Personalisation link sells */ table.LinkSellDetails { width : 100%; } /* Personalisation extras page */ table.ProductExtrasDetails { width: 100%; } table.ProductExtrasDetails td.DetailsCell { padding-bottom : 10px; } table.ProductExtrasDetails td.DetailsCell p { padding-bottom : 10px; } /* Personalisation matrix items page */ table.MatrixItems { width: 100%; } /* Wizard flow buttons */ table.FlowControls { width : 100%; margin-top : 10px; } table.FlowControls tr.FinalRow th { padding : 15px 0; border-top : 1px solid #d7d7d7; } table.FlowControls tr.FinalRow th.Previous { padding-left : 10px; text-align : left; } table.FlowControls tr.FinalRow th.Next { padding-right : 10px; text-align : right; } /* Wizard side section */ .WizardSideSection { margin-bottom : 10px; } .WizardSideSection .Header { border-bottom : 1px solid #58a9e6; background : #28a4d9 url(/skins/G118/img/border/sidenav_l.gif) top left no-repeat; } .WizardSideSection .Header h2 { padding : 8px 6px 7px 10px; background : url(/skins/G118/img/border/sidenav_r.gif) right top no-repeat; color : #fff; font-size : 11px; } .WizardSideSection .Header h2 a { height : 29px; text-decoration : none; color : #fff; font-size : 11px; } .WizardSideSection .Content { padding : 4px 0; border-right : 1px solid #DCDCE0; border-bottom : 1px solid #DCDCE0; border-left : 1px solid #DCDCE0; background : #F5F5F6; } .WizardSideSection .Content div.PriceHeading { margin : 0 10px; padding-bottom : 4px; font-size: 12px; font-weight: bold; } .WizardSideSection .Content div.PersonalisationCount { font-size : 12px; font-weight : bold; } .WizardSideSection .Content span.CurrentProductPrice { padding-left : 20px; } .WizardSideSection .Content span.CurrentProductPrice label { display : none; } .WizardSideSection .Content div.LinkDiv { padding : 0 4px; background : #f5f5f6 url(/skins/G118/img/border/sidenav_sep.gif) bottom left no-repeat; } .WizardSideSection .Content a { padding : 4px 10px; display:block; color : #444444; text-decoration : none; } .WizardSideSection .Content a:hover { text-decoration : underline; } img.LinkIcon { margin-top : -1px; margin-left : -24px; vertical-align : top; } span.CurrentLabel { font-weight : bold; } /* Confirmation page */ div.ConfirmationPage p { margin-bottom : 10px; } /* Wizard flow buttons */ table.PersonaliseTop { width : 100%; margin-top : 10px; } table.PersonaliseTop tr.FinalRow th { padding : 15px 0; border-top : 1px solid #d7d7d7; } table.PersonaliseTop tr.FinalRow th.Previous { padding-left : 10px; text-align : left; } table.PersonaliseTop tr.FinalRow th.Next { padding-right : 10px; text-align : right; } div.WizardScroll { height : 268px; margin-top : 10px; margin-bottom : 4px; padding : 10px; border : 1px solid #DDDDDD; background : #f9f9f9; overflow-y : scroll; } h3.ConfirmHeader { margin-bottom : 10px; padding-bottom : 5px; border-bottom : 1px dotted #DDDDDD; font-size : 12px; } div.WizardScroll a.PageLink { margin : 2px; padding : 4px; border : 1px solid white; display : block; text-decoration : none; } div.WizardScroll a.PageLink:hover { border : 1px dashed #DDDDDD; background : #ecf0f4; } table.AnswerSummary { margin : 4px 0 0px 20px; border : 1px solid #AAAAAA; } table.AnswerSummary td.Question { width : 150px; vertical-align : middle; } table.AnswerSummary td.Answer div { margin : 1px; padding : 2px; width : 400px; } label.OptionLabel { width:106px; display:block; padding-left:10px; }