﻿/* Link */
.idisplay .IDisplayLinkDetailed { background-repeat:no-repeat; background-position: 0px 2px; margin-left:15px; margin-top:5px; padding-left:15px; }
.idisplay li { color: #6D6E72; }
.idisplay li span { display:block; margin: 0px; }

.detailControlSearchResultListCellLarge .onlinesale{width:100%;text-align:left; padding-left:10px;}
.idisplay .Saving,.productSearchResults .Saving,.youwillneed .Saving {color:Red;font-weight:bold;display:block;}
.idisplay .OnlinePriceLabel,.productSearchResults .OnlinePriceLabel,.youwillneed .OnlinePriceLabel{font-weight:bold;margin: 0 0 4px 0;}
.idisplay .OnlinePriceLabel p,.productSearchResults .OnlinePriceLabel p,.youwillneed .OnlinePriceLabel p{margin:0;display:inline;}

.productSearchResults .ref a{ color:#6D6E72}

.productSearchResults .rrp { color:#6D6E72}

.productSearchResults .OnlinePriceLabel{ color:#6D6E72}

.button.avilableOnlineButton {float:right;margin:-20px 4px 0 0;}

/* Overridden for product homepage */	
.IDisplayProductItem { padding:0; border-bottom:1px solid #eee; margin:10px 0 0 0; display:block; }
.IDisplayProductItem .image  { float:left; margin: 5px 0 0 0; width:85px; }
.IDisplayProductItem .image img { width:75px; height:75px;}
.IDisplayProductItem ul { float:right; list-style:none; padding:0; margin:0; width:140px; }
.control300Wrapper .IDisplayProductItem ul { width:200px; }
.IDisplayProductItem ul li {  padding:5px 0 0 0; margin:0;}

.IsNewIcon{ float:right; padding: 0 0 0 2px;}
.IsHotIcon{ float:right; padding: 0 0 0 2px;}
.IDisplayProductItem #content1{ display:inline-block; padding-top:10px;}
.IDisplayProductItem #content1 H4{ float:left;}
.IDisplayProductItem #content1 p { position:absolute; margin:0; top:5px; right:10px; font-weight : bold;}
.IDisplayProductItem #content2{}
.IDisplayProductItem #content2 p {float:left; margin:0; max-width:120px; }

.detailControlLeftHeadPanel { float:left; height:30px; width:300px; line-height:30px; text-indent:10px; clear:left;}
.detailControlRightHeadPanel { color:#fff; float:left; height:30px; width:189px; text-align:center; float:right; clear:right;}
.detailControlRightHeadPanel .RRP { color:#fff; }
.detailControlRightHeadPanel .Saving { color:#fff; }
.detailControlRightHeadPanel .OnlinePrice { font-weight:bold; display:block; }
.detailControlMiddlePanel { font-size:11px; margin-left:4px; padding:10px; width:462px;}

/* Rated */
.idisplay .newControlArrow { height:20px; width:20px; }
.idisplay .idisplayRatedTemplate{ display:block; min-height:85px; padding-left:10px; }
.idisplay .idisplayRatedTemplate .controlContentListCellImage { border:none; float:left; height:75px; margin-right:5px; width:75px; }
.idisplay .idisplayRatedTemplate h4 {font-size:10px; line-height:15px; margin:0;}
.idisplay .idisplayRatedTemplate p { margin:2px;  }
.idisplay .ratingPanel { float:left;}

.tabContainer a { margin: 0 1px 0 0; display:block; height:24px; float:left; padding: 0 9px; background-color:#D1D2D4; line-height:24px; vertical-align:middle; }
.tabContainer a.tabStart { margin-left:5px; }
.tabContainer a.tabSelected { background-color:#FFF; font-weight:bold; height:23px; }
.tabContainer a.secondary { margin: 5px 1px 0 0; background-color:#fff; }
.tabContainer a.secondary.tabStart { margin: 5px 1px 0 5px; clear:left; }


/* IDetail
---------- */
/* Basic control layout*/
.detailControlBodyText {margin: 0 4px;}
.detailControlContents{margin: 0 4px;}
.detailControlContent {margin: 0 4px; padding: 0 10px; }

.twoColumn { margin: 0 0 1em 0;}
.twoColumn li { float:left; width: 50%; line-height:1.6em; }

/* Large image of the item*/
.detailControlLargeImage{ background-color:#D1D2D4; height:300px; width:300px;}
.detailControlSmallImage{ height:161px; width:237px; margin-left:5px; margin-right:5px;}

/* The following styles are for search results */
.detailControlSearchResult{ float:left; margin-left:1px; width:486px; }
.detailControlSearchResultHeading{ color:#fff; padding-left:10px; padding-top:5px; padding-bottom:5px; width:476px;}
.detailControlSearchResultHeading a{ color:#fff;}
.detailControlSearchResultHeading2{ background-color:#D1D2D4; padding-left:10px; padding-top:5px; padding-bottom:5px; margin: 0 4px 0 4px;}
.detailControlSearchResultHeading3{ clear:both; background-color:#58585A; color:#fff; padding-left:10px; padding-top:5px; padding-bottom:5px; }
.detailControlSearchResultListCell{ padding:10px; float:left; height:110px; width:222px; border-bottom: solid 1px #CCC; overflow:hidden;}
.detailControlSearchResultListCell.first { border-right: solid 1px #CCC; }
.detailControlSearchResultListCell a.zoom { display:inline!important;}
.detailControlSearchResultListCellLarge { padding:10px; float:left; height:300px; width:224px; overflow:hidden; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; text-align:center;}
.detailControlSearchResultListCell.odd, .detailControlSearchResultListCellLarge.odd { border-right:none; }
.detailControlSearchLineSep{ background-color:#CCC; height:1px; margin: 10px 4px 10px 4px; }

.detailControlSearchResultListCell ul { width:140px; float:right; }
.detailControlSearchResultListCellLarge ul { width:140px; margin:0 auto 10px auto; }
.detailControlSearchResultListCellLarge a { width:auto!important; }

/* The following styles were added for the Product Detail */
.detailControlImagePanelTextBoxes{ background-color:#fff; width:178px; float:right;}
.detailControlImagePanelTextBoxesDarkLink{ text-decoration:underline; line-height:20px;}

/* The following styles are for the middle tabs that appear within a detail control */
.detailControlMiddleTab { margin-left:4px; margin-top:5px; margin-bottom:1em;}
.detailControlMiddleTab a { display:block; float:left; font-size:10px; height:28px; line-height:26px; text-indent:10px;}
.detailControlMiddleTabSelected { font-weight:bold; }
.detailControlMiddleTabUnSelected { background-color:#D1D2D4; }
.detailControlMiddleTabSeperator { height:28px; width:5px; float:left;}

/* The following are all applicable to the rating tab */
.detailControlRatingCell { float:left; padding:10px; min-height:70px; width:382px; }
.detailControlEventCell .detailControlRatingCell{ width:470px;}
.detailControlRatingCellHeading { float:left; width:100%; margin-bottom:5px;}
.detailControlRatingAddPanelOuter { color:#818287; border: solid 1px #818287; background-color:#D1D2D4; margin:1em 0 1em 0; padding:6px;}
.detailControlRatingAddPanel { color:#818287; background-color:#D1D2D4; width:442px;}
.detailControlTopTipStepCell { float:left; background-color:#DEF2FD; padding:10px; min-height:70px; width:422px;}
.detailControlRatingThumb{ float:left; height:50px; width:50px; margin: 0 10px 10px 0; }
.selectRating { line-height: 18px; }
.selectRating ol{ display:inline; float:right; list-style:none; margin:0; padding:0;}
.selectRating input[type=radio]{ margin: 1px 5px 2px 0; border:none; }
.addRating { float:left; }
.addComment { float:right; }
.addComment .button { margin: 5px 0 0 0; }
.addComment span { line-height:32px; }
.addModeratorComment { float:right; margin: 1em 0 5px 0; text-decoration:underline; }

.commentWrapper { clear:both; margin:0.5em 0; }
.memberLink { font-weight:bold; }
.comment { margin: 0 0 0 60px; padding:10px; color:#666; }
.commentFooter { margin: 5px 0 0 0;}
.commentFooter a { float:right; text-decoration:underline; }
.ratingPanel { float:right; }

/* Project search results*/
.detailControlSearchResultList3ColumnLayout{ padding:10px; text-align:center; }
.detailControlSearchResultListCell3Column { float:left; height:279px; width:162px; border-bottom: solid 1px #CCC; border-left: solid 1px #CCC; overflow:hidden; text-align:center; position:relative; }
.detailControlSearchResultListCell3Column.first { border-left: none; }
.detailControlSearchResultListCell3Column .button { clear:both; margin: 0 20px 5px 20px; }

.detailControlSearchResultListCell3ColumnImage{ border:0px; height:123px; width:123px;}
.detailControlSearchResultListProject2Column{ padding:10px; text-align:center;}
.detailControlSearchResultListCell2Column{ float:left; height:320px; width:242px; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; overflow:hidden; text-align:center; }
.detailControlSearchResultListCell2ColumnImage{ border:0px; height:203px; width:203px;}

/*  Project tabs */
.projectTabFooter{ border-top:solid 1px #CCC; padding-top:10px; padding-bottom:10px; width:99%;}
.projectTabFooter a{ margin-left:15px; text-decoration:none; font-style:italic; font-size:13px; color:#888;}
#stepByStep p{ padding-bottom:5px;}

.creativityStoreLogoVerticle{ float:left; height:124px; margin:1em 0 0 0; width:60px;}
.stockistDetails{ float:left; background-color:#e7e7e9; min-height:100px; margin: 1em 0 1em 5px; width:404px; }
.detailControlSearchResult1ColumnCell2Header{ color:#fff; font-weight:bold; height:24px; line-height:20px; padding-left:10px; padding-right:10px;}
.detailControlSearchResult1ColumnCell2Header a{ color:#fff; text-transform:uppercase;}
.detailControlSearchResult1ColumnCell2Content{ margin:10px;}
.detailControlSearchResult1ColumnCellLineSep{ clear:both; border-bottom:solid 1px #CCC; height:1px; margin: 0 4px 0 4px;}
.detailControlSearchResult1ColumnFooter{ clear:both; padding:10px; margin:0 4px 0 4px;}

/* Events listing */
.detailControlEventHeaderLeft{ color:#fff; font-weight:bold; height:24px; line-height:24px; padding-left:10px; width:90px;}
.detailControlEventHeaderRight { font-weight:bold; height:24px; line-height:24px; padding-left:10px; padding-right:10px; width:344px; overflow:hidden;}
.detailControlEventCellLogo{ height:60px; width:60px; margin-right:2px;}
.detailControlEventCell{ padding-top:5px; padding-bottom:5px;}
.detailControlEventCellDemonstratorThumb{ height:75px; width:75px;}
.detailControlEventDetailOuter { color:#818287; background-color:#fff; padding:2px; margin: 0 10px 5px 10px;}
.detailControlEventDetailInner { display:none; }
.detailControlEventDetailInnerCol{ margin-top:10px; width:210px;}
.detailControlEventDetailThumb{ height:220px; width:220px; margin-bottom:5px;}
.detailControlEventDetailSubHeader{ background-color:#AADCF5; color:#fff; height:24px; line-height:20px; padding-left:10px; padding-right:10px; width:200px;}
.detailControlEventDetailSubInfo{ padding:10px; width:200px;}
.resultsTitle { margin: 1em 0 1em 10px; }

#eventSearchResults .paging { margin: 0 10px; }

.eventResult { margin: 1em 10px 1em 10px; }
#stockistDetail .eventResult { margin:0 0 20px 0; }
.eventResult .eventResult-Header { }
.eventResult .year { float:left; color:#fff; padding:5px; font-weight:bold; }
.eventResult .date { float:left; padding:5px; }
.eventResult .town { float:right; padding:5px; }
.eventResult-Details { margin: 2px 0; padding:10px; }
.eventResult-Details h3 { margin: 0 0 0.5em 0;}
.eventResult-Details h4, .eventResult-Details p { margin: 0.5em 0 0.5em 0;}
.eventResult-Details a { text-decoration:underline; }
.eventResult-Demonstrator { float:right; margin: 0 0 10px 10px; }
.eventResult-Address { float:left; width:200px; clear:left; margin-top: 2px; }
.eventResult-Address h3 { margin:0; padding:0 10px; }
.eventResult-Address p { margin:1em 10px;}
.eventResult-Body { float:right; width:240px; padding: 10px; }
.eventResult-Thumb { margin:2px; float:left; }

.eventResult .maxMinBar { background:#eee url(../Images/minmax.jpg) no-repeat 5px 5px; cursor:pointer; padding: 0 0 0 20px; line-height:18px; }
.eventResult.selected .maxMinBar { background-position:5px -21px; }

/* Stockist Tabs */
#stockistDetail .detailControlBodyText { clear:both; margin:0 14px 1em 14px;}

/* Promotion */
.promoHeaderLeft { color:#fff; font-weight:bold; height:24px; line-height:24px; padding-left:10px; width:90px; float:left; }
.promoHeaderRight { font-weight:bold; height:24px; line-height:24px; padding-left:10px; padding-right:10px; width:341px; overflow:hidden; float:right; }
.promoBody { clear:both; padding:10px; margin: 2px 0 10px 0; }
.productStockist { padding: 3px 0; color:#6D6E72;}
.productStockist a {display:block; padding: 2px 0 0 0; }
