/* Colours 
----------
Light: #AADCF5
Dark: #18548A
Medium: #3EA8D2
*/

/* Styles
---------*/

body { background: #AADCF5 url(Images/pageWrapperBG.jpg) repeat-y center 0; color: #18548A; }

a { color: #18548A; }
.ajaxLoading { background:transparent url(/CSS/Theme1/Images/ajax-loader.gif) no-repeat 50% 50%; height:100%; width:100%; position:absolute; margin: 0 auto auto auto; padding-top:20px; z-index:501; top:0; left:0; }

.plus { background: transparent url(Images/plusminus.jpg) no-repeat 0 0; }
.minus { background: transparent url(Images/plusminus.jpg) no-repeat -16px 0; }

input, textarea, select { border:1px solid #18548A; }

#BreadCrumbs li a { color:#18548A; }

/* Homepage */
.column .controlArrow { background: transparent url(Images/controlArrows.jpg) no-repeat 0 0; }

/* Header */
.headerLogo { background: transparent url(Images/headerDocraftsLogo.jpg) no-repeat 0 0; }
.headerLogoSmall { background: transparent url(Images/headerDocraftsLogoSmall.jpg) no-repeat center top; }
.headerLogoStrapOptions { background: transparent url(Images/headerLogoBG.jpg) repeat-y right top; }
.headerLogoStrapUser { color: #18548A; }

/* Footer Links */
#footerMenuBG { background: transparent url(Images/footerMenuBG.jpg) repeat-x 0 0; }
#footerMenuBG a { color:#18548A; }

/* Main Navigation */
.headerMenuStrap { clear:both; background: transparent url(images/tabStart.gif) repeat-x top left; height: 29px; position:relative; z-index:2000; }
.headerMenuStrap ul { padding:0; margin:0; list-style-type:none; }
.headerMenuStrap ul li{ background: transparent url(images/tabEnd.gif) no-repeat left top; height:29px; float:left; list-style-type:none; padding: 0 4px 0 15px; margin:0; line-height:29px; position:relative; }
.headerMenuStrap ul li a {  font-size:12px; font-weight:bold; list-style-type:none; text-align:center; }
.headerMenuStrap .menuFirst{ background:none;}
.headerMenuStrap .expandable { background: transparent url(images/tabArrowDown.gif) no-repeat center right; padding-right:10px; }
.headerMenuStrap ul li div { z-index:499; background: transparent url(images/tabStart.gif) repeat top left; border:1px solid #ccc; margin:0; padding-left:10px; padding:0; position:absolute; left:4px; top:28px; visibility:hidden;  }
.headerMenuStrap ul li.menuFirst div { left:0;}
.headerMenuStrap ul li div ul{ list-style-type:none; margin:0; padding:0;}
.headerMenuStrap ul li div ul li { background:none; height:29px; text-align:center; vertical-align:middle; position:relative; display:block; margin:0; padding:0; clear:both;  } 
.headerMenuStrap ul li div ul li a { clear:both; font-size:13px; display:block; height:29px; min-width:150px; text-align:left; padding-left:10px; }
.headerMenuStrap ul li div ul li a:hover { background: transparent url(images/tabStartOver.gif) repeat-x 0px 2px; color:White; display:block;}
.ecommerceTab { background: transparent url(Images/tabIcon.gif) no-repeat top; float:right; height: 27px; width:27px; margin: 0 7px 0 0; text-indent:-200px; overflow:hidden; }

/* Did you know */
.didYouKnowWrapper { margin:0; color:#fff; }
.didYouKnowHeader { background-image:url(Images/didYouKnowTop.gif); height:70px; width:87px; }
.didYouKnowBG { background: transparent url(Images/didYouKnowBG.gif) repeat-y 0 0; width:87px; }
.didYouKnowContent { margin: 0 0 0 5px; text-align:right; width:77px; }
.didYouKnowContent .button { margin: 1em 0 0 0; font-size:0.8em; }
.didYouKnowBottom { background-image:url(Images/didYouKnowBottom.gif); height:15px; width:87px; }
.didYouKnowMessage { display:block; padding: 1em 0 0 0;}

/* Magazine Push */
#magazinePush { background-color:#AADCF5; padding:10px; margin: 5px 0 5px 0; position:relative;}
#magazinePush h3 { margin:0 0 10px 0; font-size:1.4em; }
#magazinePush #Cover{ float:left; padding-right:10px; }
#magazinePush #Content { float:left; padding:10px; }
#magazinePush #Cover H4 { padding-top:10px;}
#magazinePush #viewDetail { position:absolute; bottom:10px; right:10px; font-weight:bold; }

/* Craftbox */
#craftboxSummary .header { background: transparent url(Images/Craftbox/CraftboxHeader.gif) no-repeat top left; }
#craftboxSummary .header a { background: transparent url(Images/Craftbox/HeaderIcon.png) no-repeat top left; }
#craftboxSummary .body { background: transparent url(Images/Craftbox/CraftboxBody.gif) repeat-y top left; }
#craftboxSummary .body a.button { font-size:0.8em; }
#craftboxSummary .footer { background: transparent url(Images/Craftbox/CraftboxFooter.gif) repeat-y top left; }
#craftboxSummary .footerAdded { background: transparent url(Images/Craftbox/CraftboxFooterAdded.png) repeat-y top left; }

/* Stockist Summary Control */
.stockistSummaryWrapper { position:relative; color:#fff; overflow:hidden; padding-bottom:10px; }
.stockistSummaryTop {  background:url(Images/StockistSummaryTop.gif) no-repeat 0 0; height:15px; width:87px; }
.stockistSummaryContent { background: transparent url(Images/StockistSummaryBG.gif) repeat-y 0 0; padding: 0 8px 8px 8px; text-align:right; width:71px; font-size:10px; }
.stockistSummaryContent .button { margin: 1em 0 0 0;}
.stockistSummaryCreativity { background:url(/_layout/images/Stockist/DCSLogoV.png) no-repeat right top; display:block; float:right; height:117px; width:50px; margin:0 0 8px 20px; }
.stockistSummarySupporting { float:left; width:71px; margin-bottom:8px; }
.stockistSummaryLink { color:#fff; display:block; font-weight:bold; margin-bottom:8px; text-decoration:underline; }
.stockistSummaryBottom { background-image:url(Images/StockistSummaryBottom.gif); height:15px; width:87px; }
.wrapMap { background-color:#AADCF5; }

.rightColumnElement #basketSummary { background:transparent url(Images/Ecommerce/basketSummary.gif) no-repeat center top; clear:both; color:#fff; margin:0; width:73px; height:190px; padding:0 5px 0 10px;}
.rightColumnElement #basketSummary h2 {color:#fff; line-height:20px; margin: 0 0 0.5em 0; padding:5px 0 0 0; text-align:left; width:67px; }
.rightColumnElement #basketSummary ol { list-style:none; margin:0; padding:0; }
.rightColumnElement #basketSummary ol li span { font-weight:bold; font-size:1.4em; line-height: 1.4em; }
.rightColumnElement #basketSummary ol li.price { margin: 1em 0 0 0;}
.rightColumnElement #basketSummary ol li.price span { display:block; }
.rightColumnElement #basketSummary ol li.help { margin: 1em 0 0 0;}
.rightColumnElement #basketSummary strong {padding-right:5px;}
.rightColumnElement #basketSummary a {color:#fff;}

/* product page */
.CreativityClubAttract a { background-image:url(/CSS/Theme1/Images/productPageCreativityClubAttract.gif); display:block; width:180px; height:124px;}
.CreativityClubEnforce a { background-image:url(/CSS/Theme1/Images/productPageCreativityClubEnforce.gif); display:block; width:180px; height:124px;}
.detailControlRightHeadPanel { background-color:#18548A; }
.detailControlLeftHeadPanel { background-color:#AADCF5; }
.detailControlMiddlePanel { background-color:#AADCF5; }
.detailControlImagePanelTextBoxesLight { background-color:#AADCF5; }

/* IDisplay
-----------*/
.idisplay .IDisplayLinkDetailed { background-image:url(Images/dot.gif); }
.idisplay .idisplayRatedTemplate a { color:#18548A; }

.tabContainer a.tabSelected { border:1px solid #18548A; border-bottom:none; }

/* Box Control
--------------*/
.controlArrow { background: transparent url(Images/titleArrow.jpg) no-repeat 0 0; }
.controlMinimiseButton { background-image:url(Images/controlMinimiseButton.jpg); }
.controlCloseButton { background-image:url(Images/controlCloseButton.jpg); }
.controlHeadlineCreativityWrapper { background-color:#AADCF5; }
.controlHeadlineDidYouKnowWrapper { background-color:#AADCF5; }
.controlHeadlineButtonWrapper { background-color:#AADCF5; }
.controlHeadlineButton { background-color:#3EA8D2; }
.controlHeadlineButton.selected { background-color:#18548A; }
.controlContentHeading a { color:#18548A; }
.controlWrapper .link { background: transparent url(Images/dot.gif) no-repeat 5px 5px; }

.control300HeadlineButtonWrapper { background-color:#AADCF5; }
.control300HeadlineButton { background-color:#3EA8D2; }
.control300HeadlineButton:hover { background-color:#18548A; }
.control300ContentHeadline { background-color:#AADCF5; }
#myCreativity ul.blueHeader { border-left:solid 1px #3EA8D2; border-right:solid 1px #3EA8D2; }
#myCreativity ul.blueHeader li { background: transparent url(Images/HeaderBackground.gif) repeat-x 0 0; }
#myCreativity .footer a { color:#18548A; }

/* IHeadline
------------*/
.largeBoxBody.Coloured { background:transparent url(Images/layout/largeBoxBody-Coloured.png) no-repeat left bottom; }
#IHeadLine #topLinks { background-color:#18548A; }
#IHeadLine #topLinks a:hover { color:#7ABDE8; }
#IHeadLine #topTab { background-color:#18548A; }
#IHeadLine #topTab ul li:hover { background:#18548A; }
#IHeadLine #topTab ul li a:hover { color:#AADCF5; }
#IHeadLine #topTab ul li ul li { background-color:#18548A; }
#footerTabs { background-color:#18548A; }
#footerTabs ul li { background-color:#18548A; }
#footerTabs ul li a { color:#AADCF5; }
#clubHeading { background-image:url(Images/CreativityClub/headlinebg.jpg); }
#communityHeadline #IHeadLine #topTab ul { background:#18548A; }
#communityHeadline #IHeadLine #topTab ul li ul li { background:#18548A; }
#communityHeadline #IHeadLine #topTab ul li ul li a { background:#18548A; }

/* IPresentable
--------------- */
div.tabsBg { background-color:#D1D2D4; }
ul#tabTop li { background:url(Images/4tabsTop.jpg) no-repeat 0 0; }
ul#tabTop li#tab1 { background-position: -126px 0; }
ul#tabTop li#tab2 { background-position: -248px 0; }
ul#tabTop li#tab3 { background-position: right 0;}
ul#tabTop li#tab0.selected { background-position: 0 -33px; }
ul#tabTop li#tab1.selected { background-position: -126px -33px; }
ul#tabTop li#tab2.selected { background-position: -248px -33px; }
ul#tabTop li#tab3.selected { background-position: right -33px;}

ul#tabBottom li { background:url(Images/4tabsBottom.jpg) no-repeat 0 0; }
ul#tabBottom li#tab1 { background-position: -126px 0; }
ul#tabBottom li#tab2 { background-position: -248px 0; }
ul#tabBottom li#tab3 { background-position: right 0;}
ul#tabBottom li#tab0.selected { background-position: 0 -40px; }
ul#tabBottom li#tab1.selected { background-position: -126px -40px; }
ul#tabBottom li#tab2.selected { background-position: -248px -40px; }
ul#tabBottom li#tab3.selected { background-position: right -40px;}

.breadcrumbPanel { background-color:#18548A; }
#results { border: solid 1px #18548A; }
#ipresentable .repeater .blogCell .content { background-color:#DEF2FD; }
#ipresentable .repeater .blogCell .content h2 { color:#18548A; }
#ipresentable .BuddyCell a {color:#18548A;}
#ipresentable .ProjectCell a { color:#18548A; }
#ipresentable .album { background-color:#18548A; }
.New { background:transparent url(Images/new.gif) repeat-x scroll 0 0; width:50px; height:50px; position:absolute; bottom:0; right:0; }

/* Ecommerce Pages
------------------*/
#header {background:transparent url(Images/Ecommerce/expressCheckoutBackground.gif) repeat-x scroll center top;}
.signup_cont #header {background:transparent url(Images/Ecommerce/signUpBackground.gif) repeat-x scroll center top;}

.createAccountImage {background:transparent url(Images/Ecommerce/createAccountCompleted.gif) no-repeat top;}
.newsletterImage {background:transparent url(Images/Ecommerce/newsletterCompleted.gif) no-repeat top;}
.saveAddressesImage {background:transparent url(Images/Ecommerce/saveAddressCompleted.gif) no-repeat top;}

/* Online Store
---------------*/
ol#browseOnlineStore > li {background:transparent url(Images/HeaderBackground.gif) repeat-x 0 0;}

/* Icons
-------- */
.searchIcon{ background: transparent url(Images/Icons/searchIcon.jpg) no-repeat center center; float:left; height:31px; width:33px; margin:0 5px 0 5px;}
.searchIconGreyBG{ background:url(Images/Icons/searchIconGreyBG.jpg) no-repeat 0 0; background-repeat:no-repeat; padding: 0 0 0 35px; height:25px; line-height:25px;}

/* Info Icons */
.infoIconLightBG{ background-image:url(Images/Icons/infoIconLightBG.gif); float:left; height:22px; width:22px; margin-right:5px;}
.infoIconDarkBG{ background-image:url(Images/Icons/infoIconDarkBG.gif); float:left; height:22px; width:22px; margin-right:5px;}
.infoIconWhiteBG{ background-image:url(Images/Icons/infoIconWhiteBG.jpg); background-repeat:no-repeat; float:left; height:22px; width:22px; margin-right:5px;}
.infoIconGreyBG{ background-image:url(Images/Icons/infoIconGreyBG.gif); background-repeat:no-repeat; height:22px; width:22px; margin-right:5px;}
.creativityStoreLogo{ background-image:url(Images/Icons/CreativityStoreLogo.jpg); height:80px; width:180px;}
.creativityStoreLogoVerticle{ background-image:url(Images/Icons/CreativityStoreLogoVerticle.jpg); }

/* Product Type icons */
.IsHotIcon{ background: transparent url(Images/Icons/hotIcon.jpg) no-repeat top left; height:12px; width:26px;}
.IsNewIcon{ background: transparent url(Images/Icons/newIcon.jpg) no-repeat top left; height:12px; width:29px;}

/* Rating Stars */
.ratingStar{ background-image:url(Images/Icons/Star.gif); float:left; height:12px; width:13px; margin:1px;}
.ratingStarGray{ background-image:url(Images/Icons/Star-gray.gif); float:left; height:12px; width:13px; margin:1px;}
.comment { background-color: #DEF2FD; }
.commentAdded { text-align:center; color:#fff; background-color: #18548A; padding:10px; }

/* Event icons */
.remindMeIcon{ background-image:url(Images/Icons/remindMe.gif); display:block; height:80px; width:60px; margin-right:2px;}

/* Buttons 
----------*/
.button { color:#FFF!important; font-weight:bold!important; text-decoration:none!important; background: transparent url(Images/buttonCapSprites.png) no-repeat 0 0!important; border:none; cursor:pointer; float:left; padding:0 0 0 14px; } /* Door */

.button.arrow { background: transparent url(Images/buttonArrowSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.basketAdd { background: transparent url(Images/buttonBasketAddSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.basketAdd.small { background-image: url(Images/buttonBasketAddSpritesSmall.png)!important; width:37px!important; height:32px; padding:0; overflow:hidden; }
.button.basketAdd.small span { display:none; }
.button.basket { background: transparent url(Images/buttonBasketAddSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.play { background: transparent url(Images/buttonPlaySprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.download { background: transparent url(Images/buttonDownloadSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.address { background: transparent url(Images/buttonAddressSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.buddy { background: transparent url(Images/buttonBuddySprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.delivery { background: transparent url(Images/buttonDeliverySprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.ecomclear { background: transparent url(Images/buttonEcomClearSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.ecomcontinue { background: transparent url(Images/buttonEcomContinueSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.ecomupdate { background: transparent url(Images/buttonEcomUpdateSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.email { background: transparent url(Images/buttonEmailSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.find { background: transparent url(Images/buttonFindSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.pound { background: transparent url(Images/buttonPoundSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.warning { background: transparent url(Images/buttonWarningSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.gridSmall { background: transparent url(Images/buttonGridSmallSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }
.button.gridLarge { background: transparent url(Images/buttonGridLargeSprites.png) no-repeat 0 0!important; padding:0 0 0 38px; }

.button span { text-align:center; background: transparent url(Images/buttonBgSprites.png) no-repeat right 0!important; float:left; white-space:nowrap; height:32px; line-height:30px; padding:0 14px 0 0; } /* Cap */
.button.right { float:right; }
.button:hover { background-position: 0 -32px!important; }
.button:hover span { background-position: right -32px!important;}

.button.primary { background-position: 0 -64px!important; }
.button.primary span { background-position: right -64px!important; }
.button.primary:hover { background-position: 0 -96px!important; }
.button.primary:hover span { background-position: right -96px!important; }

.button.pink { background-position: 0 -128px!important; }
.button.pink span { background-position: right -128px!important; }
.button.pink:hover { background-position: 0 -160px!important; }
.button.pink:hover span { background-position: right -160px!important; }

.button.blue { background-position: 0 -192px!important; }
.button.blue span { background-position: right -192px!important; }
.button.blue:hover { background-position: 0 -224px!important; }
.button.blue:hover span { background-position: right -224px!important; }

.expand, .collapse { float:left; height:22px; line-height:22px; color:#FFF!important; padding: 0 0 0 27px; background: transparent url(Images/expandcollapseSprites.png) no-repeat 0 0!important; }
.expand.right, .collapse.right { float:right; }
.expand:hover { background-position: 0 -22px !important; }
.collapse { background-position: 0 -44px !important; }
.collapse:hover { background-position: 0 -66px !important; }

/* The following styles are for search results */
.detailControlSearchResult { border: solid 1px #18548A; }
.detailControlSearchResultHeading { background-color:#18548A; }

/* The following styles were added for the Product Detail */
.detailControlImagePanelTextBoxesDarkLink { color:#18548A; }

.detailControlMiddleTabSelected { border: solid 1px #18548A; border-bottom: none; }
.detailControlMiddleTabUnSelected { border-bottom: solid 1px #18548A; }
.detailControlMiddleTabSeperator { border-bottom: solid 1px #18548A; }

/* The following are all applicable to the rating tab */
.detailControlRatingCell { color:#18548A; background-color:#DEF2FD; }
.detailControlTopTipStepCell { color:#18548A; }

/* Project tabs */
.stockistDetails { border: solid 1px #18548A; }
.detailControlSearchResult1ColumnCell2Header { background-color:#18548A; }
.detailControlSearchResult1ColumnFooter { background-color:#AADCF5; }
#IListingRated .IListingInnerPanel { background-color:#AADCF5; }
#projectContainer #projectContent .thumbnails { background:#AADCF5; }
#projectContainer #projectContent .thumbnails img { border: solid 2px #AADCF5!important; }
#projectContainer #projectContent .thumbnails .selected img, #projectContainer #projectContent .thumbnails img:hover { border: solid 2px #18548A!important; }
#projectContainer #projectContent #mainImageContainer #rightBox1 { background-color:#AADCF5; }
#projectContainer #projectContent #InfoBar { background-color:#AADCF5; }
#projectContainer #projectContent .video { background-color:#AADCF5; }
#tabContent #pnlPersonalAlbum { background:#AADCF5; }
#tabContent .designerOptions { background:#AADCF5; }
#tabContent .changeOwner { background:#AADCF5; }
#storeReferalYouWillNeed #header { background-image:url(Images/creativityStore/My-Creativity-Store_top-band.jpg); }
#productsAddByList { background-color:#AADCF5; }

/* Events listing */
.detailControlEventHeaderLeft { background-color:#18548A; }
.detailControlEventHeaderRight { background-color:#AADCF5; color:#18548A; }
.detailControlEventDetailOuter { border: solid 1px #18548A; }
.detailControlEventDetailSubInfo { background-color:#DEF2FD; color:#18548A; }

.eventResult .year { background-color:#18548A; }
.eventResult .eventResult-Header { background-color:#AADCF5; }
.eventResult-Details { background-color:#AADCF5; }
.eventResult-Address { background-color:#AADCF5; }
.eventResult-Address h3 { background-color:#18548A; color:#fff; }

/* Promotion */
.promoHeaderLeft { background-color:#18548A; }
.promoHeaderRight { background-color:#AADCF5; color:#18548A; }
.promoBody { color:#18548A; background-color:#DEF2FD; }

/* Online Store */
#productsForSale #basketSummary { background-color:#14558D; }